0

連続スライド バナーをリクエストしたクライアントがいます。基本的には、左から右に 5 秒以上移動する 1 つの画像です。その方法は知っています。ループして次のように再生されるように設定する方法を知る必要があるだけです。連続アニメーション

$(document).ready(function() {
        function slide() {
          $(".img1").stop(true).animate({'left' : '960px'}, 5000);
        }

        slide();
     });

ありがとう

編集

これを試してみて、まだループしていない、setIntervals を試しているが機能していない

    function slide(){  
        $('.homepageslider').animate({   'left' : '0px'  }), 
            { duration: 5000,
                complete: function() {  $(".homepageslider").css('left','-2028px');
                     slide();    
            }
            }

};
4

1 に答える 1

1 
 $('#book').animate({
   'left' : '960px'
  }, {
    duration: 5000,
    complete: function() {
     //reset image position
      $(".img1").css('left','0px');
     // activate animation again
       slide();

    }
  });

現在の画像の後に画像のクローンを追加し、見えなくなったら前の画像を削除してシームレスに見えるようにすることをお勧めしますが、上記のコードを試すこともできます。

于 2012-04-23T08:58:29.557 に答える