显示带有替换描述的图像

时间:2017-01-10 08:51:54

标签: jquery replace image-gallery

我有一个包含以下图像的文件夹:

1.JPG 2.JPG

使用此示例代码我显示图​​像:

var temp = "<div class='gallery' style='width:{width}px;'><img src='Sources/img/{index}.jpg' width='100%'></a></div>";

var limitItem = 49,html="",w=1;
for (var i = 1; i < limitItem; ++i) {
  html += temp.replace(/\{width\}/g, w * 160).replace("{index}", i);
}
document.getElementById("gallery").innerHTML=html;
<div id="gallery">
</div>

我希望使用图片名称进行描述。我的想法是,格式化这样的图片:

  • 1_mountain
  • 2_dogs
  • 3_trees

如何构建替换字符串以使用描述文本替换图像的alt-tag?它甚至可能吗?

html += temp.replace(/\{width\}/g, w*160).replace("{index}",i).replace("     {description}",xxxxxxx);
<img alt='{description}' src='Sources/img/{index}.jpg' width='100%'>

0 个答案:

没有答案