Question

我正在制作一个画廊，我有大约100张照片。使用html src加载它们是不明智的。有没有办法用jQuery加载所有图像？

我将所有图像命名为＆＃34;图像（1）＆＃34;，＆＃34;图像（2）＆＃34;等。

我想做点什么

<li><img src="image(x)"/></li>
<li><img src="image(x)"/></li>
<li><img src="image(x)"/></li>

等

谢谢！

Answer 1

您可以创建这样的功能

<div id="images"></div>

function createImages(){
    var div = $('#images');
    for (i = 1; i < 100; i++) { 
        var imgIndex = 'image(' + i + ').jpg'; // image(0).jpg;
        var src = '<img src="your path goes here.' + imgIndex+ '">';
        div.innerHTML += src;
    }
}

Answer 2

我自己想通了。感谢Johny的帮助！

function addImagetoGallery(){
        for (i = 1; i < 40; i++){
            var imgIndex = 'thumbnail ('+i+').jpg'; // image(0).jpg;
            var src = '<img src="photos/thumbnail/' + imgIndex+ '">';
            $('#imageWrapper').prepend(src);
        }

    }

用jQuery加载一堆图像

2 个答案: