フォルダに保存した画像 (*.jpg) を表示したい。関数を使用してこれらの画像を表示したい。これを行うために、オブジェクトで構成される配列を作成しました。各オブジェクトには、関数で使用している ID が含まれています。コードは次のとおりです。
//employee array
var employees =[{
name:"jacob",
age :23,
city:"Boston",
yoe :12,
image :'d.jpg',
id : 1
},
{
name:"aaron",
age :21,
city:"Nevada",
yoe :12,
image :'b.jpg',
id : 2
},
...
}];
画像の名前である従業員を使用しid
て画像を表示しています。以下は、画像の関数です。
function getimages(){
for(var i = 1;i <= employees.length;i++){
document.getElementById("list + i").innerHTML = employees[i].id+".jpg";
}
}
getimages(); // to get the images
これは、これらの画像を表示したい HTML 部分です。
<ul>
<li id="list1">A</li>
<li id="list2">B</li>
<li id="list3">C</li>
<p>123213</p>
</ul>