0

我正在尝试预加载图像库中的所有图像,并找到了一个不错的简单代码(第一个代码示例)。

我想尝试让画廊尽可能地充满活力。有没有办法循环浏览图库中的所有图像,以便可以预加载所有图像?

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

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

2 回答 2

1

怎么样...

$( '.thumb' ).each(function ( i ) {
    $( '<img>' ).attr( 'src', 'bigPics/' + i + '.jpg' );
});
于 2012-08-14T21:02:16.640 回答
0

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

于 2012-08-14T21:00:06.233 回答