实际调用的图像大小约为 2000x2000,当我希望它们为 165x165 时,它们不会改变。displayed[i]
在第一行中具有零件名称,并且在第二行中调用了它们各自的图像。img.setAttribute
东西也给试了。只有 CSS 和 Javascript 才能做到这一点吗?
Javascript:
var divT = document.getElementById("tableHolder");
var tb1 = document.createElement('table'),
row,
cell,
i;
tb1.cellSpacing="0";
tb1.border="1";
tb1.width="180";
row = tb1.insertRow(-1);
for (i = 0; i < p; i++) {
cell = row.insertCell(i);
cell.innerHTML= displayed[i];
}
row = tb1.insertRow(-1);
for (i = 0; i < p; i++) {
cell = row.insertCell(i);
img = new Image();
img.src = 'Part_database/' + displayed[i] + '.jpg';
img.width="165";
img.height="165";
cell.appendChild(img);
}
divT.appendChild(tb1);
HTML:
<div id="tableHolder"></div>