以下のコメントに感謝します。更新された質問とコードは次のとおりです。
ローダーとシーケンシャル フェードインの 2 つのコードを記述しました。ローダーは、ロード中の spinner.gif を css で表示するロード クラスを追加することで機能します。次に、クラスを削除して画像を挿入します。
2 番目のフェードは、一連の div で順番に表示されます。
$.fn.myLoader = function() {
$(this).addClass("loading").queue(function(next) {
$(this).removeClass("loading");
$(this).prepend('URL');
next();
});
};
$('#logo').myLoader();
と
$('.load').delay(5000).each(function(i) {
$(this).delay(i * 250).css({
opacity: 0.0,
visibility: 'visible'
}).animate({
opacity: 1.0
});
});
および次のマークアップ:
<div id="logo"></div>
<div class="load" style="visibility: hidden;"></div>
<div class="load" style="visibility: hidden;"></div>
<div class="load" style="visibility: hidden;"></div>
<div class="load" style="visibility: hidden;"></div>
<div class="load" style="visibility: hidden;"></div>
<div class="load" style="visibility: hidden;"></div>
これらは別々に機能しますが、2つをマージしてローダーが発生し、それが完了すると連続した画像をロードしたいと思います。
私のやり方の誤りを指摘してください。
ありがとう