0

開発中の新しいサイト用にローテーション バナー スクリプトを作成しましたここでバナーを表示 (10 秒ごとにローテーション)

残念ながら、移行にはバグがあるようで、画像がフェードアウトし、同じ画像が再び表示されてから、新しい画像がフェードインします。どこかで単純なエラーを起こしたと思いますが、どこにあるのかわかりません。バナーを循環させるために使用されるコードは次のとおりです。

ドキュメント準備中:

if ($('.home').length > 0){
        $('<img width="100%" />').attr('src', '/assets/img/backgrounds/home/hero'+homecount+'.jpg').load(function(){
                $('.hero').append( $(this) );
                $('.hero img').fadeIn('medium').delay(10000).fadeOut('slow', loopImages);
                setHeroHeight();
        });
    }

外部文書準備完了:

function loopImages(){
    homecount = homecount+1;
    if (homecount > 5){
        homecount = 1;  
    }
    $('.hero img')
        .attr('src', '/assets/img/backgrounds/home/hero'+homecount+'.jpg')
        .load(function(){ $('.hero img').fadeIn('fast')}).delay(10000).fadeOut('slow', loopImages);
}

どんな助けでも大歓迎です

ありがとう

デイブ

4

1 に答える 1

1

div で一連の引用符を表示しようとしたときに、非常によく似た問題が発生しました。次のコードを使用してそれを達成しました。

 $(document).ready(function(){
   function runIt(){
     $('*img*').each(function(i, elem) {
       $("*container*").delay(5000).fadeOut(1000, function() {
         $(this).html($(elem).html());
       }).fadeIn(1000, runIt);
     });
   };
   runIt()
 });

*img*: ここで画像を呼び出しています

*container*: これは、画像を表示する要素です。

ここでコードの動作を確認できます: dinwoodie.net

于 2011-02-18T16:00:35.800 に答える