Question

我正在尝试预先加载图片库中的所有图片，并找到了一个很好的，简单的代码片段（第一个代码示例）。

我想尝试让画廊尽可能动态。 有没有办法循环浏览图库中的所有图像，以便可以预加载所有图像？

首先是预加载所有图像以供参考的代码。其次是我正在尝试的工作。

// code for preloading images
var images = [
    'bigPics/1.jpg',
    'bigPics/2.jpg'
];

$(images).each(function() {
    var image = $('<img />').attr('src', this);
});

 // code I'm trying to re-work

    // this give me the number of images in the gallery
    var numberOfChildren = $(".thumb").length;

// then I want to loop through all of the images that make up the array as above and output???
    for (var i=0; i<numberOfChildren; i++)
      {
      var images = [ 'bigPics/' + i + '.jpg' ];
      }

    $(images).each(function() {
        var image = $('<img />').attr('src', this);
    });

Answer 1

怎么样......

$( '.thumb' ).each(function ( i ) {
    $( '<img>' ).attr( 'src', 'bigPics/' + i + '.jpg' );
});

Answer 2

我认为你想做的事情就像在这个SO问题中解释的那样： Javascript load background-image asynchrously

数组内容通过循环？

2 个答案: