複数の画像の読み込みイベントを検出する方法があるかどうか疑問に思っています (特に、特定のセットの最後の画像の読み込みが完了したときに関数を実行する必要があります)。
たとえば、ユーザーがリンクをクリックすると、10 個の画像を含むライトボックスが表示されます。すべての画像が読み込まれると、読み込みバーが消えます。
jQuery(".lightbox-image").each(function(){
var image = jQuery(this);
jQuery('<img />').attr('src', image.attr('src')).load(function(){
hideLoadingBar();
});
});
残念ながら、これはトリガーhideLoadingBar();
が早すぎます (1 つの画像の読み込みが完了した後)。
PS
また、画像がキャッシュされた後に機能する必要があるため、機能しjQuery('#img1, #img2').load();
ません。