1

私はjqueryを学び始めており、現在jqueryとのヘッダーイメージのクロスオーバーに取り組んでいます。iveはコードを機能させましたが、今必要なのは画像間の間隔です。クロスオーバー後、スクリプトを特定の時間一時停止してから、次の画像に進みます。

iveはこのコードを取得しました。

$(document).ready(function(e) {
    $('.img:gt(0)').hide();
    setInterval(function(){
        $(".img:first-child").fadeOut(3000).next(".img").fadeIn(3000).end().appendTo("#kop")
    }, 4000);
});

この形式で可能ですか、それともコードを完全に変更する必要がありますか？

私は今それを私のテストサーバーで実行させました。swing.icwebdesign.nl

4

1 に答える 1

0

現在起こっていることは、トランジションを行うのに 3000 ミリ秒かかっており、トランジション関数呼び出しの間に 4000 ミリ秒かかっているため、1000 ミリ秒の「遅延」しか得られません。
の 2 番目のパラメーターsetInterval()は時間で、以下のコードでは+時間delayに等しくなります。fadeTimedelay

$(document).ready(function(e) {
    var delay = 3000, 
        fadeTime = 3000;
    $('.img:gt(0)').hide();
    setInterval(function(){
        $(".img:first-child").fadeOut(fadeTime).next(".img").fadeIn(fadeTime).end().appendTo("#kop")
    }, delay+fadeTime);
});
于 2012-09-28T09:48:40.407 に答える