通过循环数组内容

Array Contents Through a Loop?

本文关键字:数组 循环      更新时间:2023-09-26

我正在尝试预加载图像库中的所有图像,并找到了一段很好的,简单的代码来做到这一点(第一个代码示例)。

我想尝试使画廊尽可能动态。有没有办法循环遍历图库中的所有图像,以便可以预加载所有图像?

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

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

怎么样...

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

我想你想做一些类似的事情,在这个SO问题中解释:Javascript 异步加载背景图像