我希望在点击时插入多个img循环,图像名称为" 0.jpg"," 1.jpg"," 2.jpg&# 34;等
为此,我使用一个所有元素的数组:
{name: '1', result:1, prefecture: "city", photo1:"0.jpg"},
和我的循环
$('.map area').click(function(){
index = $(this).index();
var dir = questions[index].name;
var div = document.getElementById("tooltip_img");
var ul = document.getElementById("gallery");
for (var i = 0; i < 5; i+= 1) {
var img = document.createElement("IMG");
var li = document.createElement('li');
var a = document.createElement('a');
a.setAttribute("class", "fancybox");
a.setAttribute('rel', 'gallery1');
a.setAttribute('id', i);
img.setAttribute("src",questions[index].photo1);
ul.appendChild(li)
li.appendChild(a)
a.appendChild(img)
document.getElementById('container').appendChild(div);
}
});
这个:img.setAttribute("src",questions[index].photo1);
,它起作用,因为我打电话给&#34; photo1&#34;。
但如果我想使用
img.setAttribute("src",questions[index].photo+i);
我有一个Nan错误&#34; net :: ERR_FILE_NOT_FOUND&#34;
为什么我不能将索引用于通话图像?
非常感谢
答案 0 :(得分:0)
尝试
img.setAttribute("src",questions[index]["photo"+i]);