0

以下のコメントに感謝します。更新された質問とコードは次のとおりです。

ローダーとシーケンシャル フェードインの 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つをマージしてローダーが発生し、それが完了すると連続した画像をロードしたいと思います。

私のやり方の誤りを指摘してください。

ありがとう

4

0 に答える 0