0

私は画像ギャラリーにすべての画像をプリロードしようとしていますが、それを実行する素晴らしくシンプルなコードを見つけました(最初のコードサンプル)。

ギャラリーをできるだけダイナミックにしたいと思っています。ギャラリー内のすべての画像をループして、すべての画像をプリロードできるようにする方法はありますか?

1つ目は、参照用にすべての画像をプリロードするためのコードです。2番目は私が取り組んでいることです。

// 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は背景画像を非同期にロードします

于 2012-08-14T21:00:06.233 に答える