使用 jQuery 加载一堆图像答案

【问题标题】：Load bunch of images with jQuery使用 jQuery 加载一堆图像
【发布时间】：2015-02-09 16:46:23
【问题描述】：

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

我有所有名为“image(1)”、“image(2)”等的图像。

我想做类似的事情

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

等等

谢谢！！

【问题讨论】：

是的，只需将图像的路径存储在某处的图像元素中（而不是在 src 属性中），然后遍历它们并根据需要加载它们。

标签： jquery image load

【解决方案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;
    }
}

【讨论】：

感谢您的回答，但这不起作用。没有显示任何内容，并且控制台日志中没有错误。

【解决方案2】：

我自己想通了。感谢约翰尼的帮助！

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);
        }

    }

【讨论】：