0

このきちんとしたjQuery スライダーを使用しています。画像がフェードインするにつれて、画像が右から左にゆっくりとスライドするようにしたいと考えています。

jQuery を見ると、次のように表示されます。

switch(effect){
    case 'fade':
    $new.css({'z-index':zPos,'top':'0','left':'0','display':'none'}).fadeIn(speed);

次の画像が表示されるまで、画像がフェードインするにつれて左にスライドし続けるようにしたいと思います。

$new.animate({
    left: parseInt($new.css('left'),10) == 0 ?
    -$new.outerWidth() :
    0
});

これをフェードに追加すると、スライドの持続時間とカルーセルの持続時間の後にのみ、画像が左にスライドします。つまり、画像が切り替わる直前に、左にスライドします。また、遷移は非常に遅くする必要があるため、速度を制御したいと考えています。

あたかもノンストップの滑らかな動きであるかのように、画像を継続的に左にスライドさせるにはどうすればよいですか?

4

1 に答える 1

0

アニメーション効果にはGreenSock (GSAP) v12を使用することを強くお勧めします。タイムラインマックス機能を使用して、複数のアニメーションをキューに入れ、次々にではなく同時に再生します。jquery のアニメーションとフェードよりもはるかに柔軟です。完全に制御でき、jquery でうまく機能します。

于 2012-06-25T13:40:14.267 に答える