0

簡単なアニメーションの質問があります。基本的には、左にスライドし、次の画像で右から戻ってくるように見える要素を作成する必要があります。ギャラリー自体は機能しますが、アニメーションは機能しません。

ここに私が持っているものがあります:

$('.slideshow-container').animate({ left: -$(document).width()}, 'slow', function() {
    $('.prev').click();
    $('.slideshow-container').css({left: 'auto'});
    $('.slideshow-container').css({right: $(document).width()});
    $('.slideShow-container').animate({right : 'auto'});
});

滑り落ちますが、実際には戻りません:(

何か助けはありますか？

4

1 に答える 1

1

最初のjQueryアニメーションは、正しく機能するために数値を使用する必要があります。「auto」または別の非数値を使用することはできません。

次に、これを行うために1つの要素だけを使用することはできません。これは、1つが左から来て、もう1つが右に離れていることを示したいためです。

第三に、jQueryアニメーションAPIを使用する場合は、左右、上下など、同様のプロパティの1つのみを操作することをお勧めします...

だから、あなたが望むことを達成するためにあなたがすべきことは次のとおりです：

  1. 要素を使用して、スライダーに実際の画像を表示します。
  2. ユーザーが「次へ」を押すと、2番目の要素の位置は最初の要素の幅になります（これを行うために要素をフロートさせることもできます）。
  3. ユーザーが「前へ」を押すと、2番目の要素の位置はそれ自体が負になります。
  4. 要素が正しく配置されたら、LeftまたはRight CSSプロパティを変更するだけで済みますが、どちらか一方だけを変更すると、問題が発生する可能性があります。

乾杯

于 2012-08-23T01:23:02.503 に答える