jQuery画像のプリロードコールバックループ

Question

私はライトボックスギャラリー用のスクリプトを書いています。私はエレガントなイメージの読み込みのためにprelaod techiqueを使用したいと思う。私の現在のスクリプトがされています。問題は、ループカウンタiはほとんど常にimg配列から最後の値を持ち、loadコールバックが呼び出されたときに、ある

for (var i in imgs) { 
    var tmp_thumb=$('img'); 
    tmp_thumb.on('load', function(){ 
     O.SG.thumbs.append('<li><a style="background-image:url(\'' + imgs[i].thumb + '\')"></a></li>'); 
     $(this.)remove(); 
    }).attr('src', imgs[i].thumb); 
} 

。問題は、あなたのループを停止し、あなたがコールバックの束を設定し、それらが呼ばれる取得開始時間の値によってされているものではありませんどのように鉱脈

Answer 1

の文脈からiの適切な値をコールバックに渡す

私は最後を打った。遅延を使用してみてください。オンラインの例があります。これはかなりまともなものです：http://aboutcode.net/2013/01/09/load-images-with-jquery-deferred.html