通过循环排列内容？答案

【问题标题】：Array Contents Through a Loop?通过循环排列内容？
【发布时间】：2012-08-14 20:54:45
【问题描述】：

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

我想尽量让画廊充满活力。 有没有办法循环浏览图库中的所有图片，以便预加载所有图片？

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

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

【问题讨论】：

标签： javascript arrays loops image-gallery preloading

【解决方案1】：

怎么样...

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

【讨论】：

【解决方案2】：

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

【讨论】：