実際に呼び出される画像のサイズは約 2000x2000 ですが、165x165 にしたい場合は変更されません。displayed[i]
1行目にはそのまま部品名があり、2行目にそれぞれの画像が呼び出されます。img.setAttribute
ことも試してみます。これには、JavaScript を使用した CSS しかありませんか?
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>