1

AnythingSlider (この場合は特に左、右、およびフェード) でさまざまな FX を使用しようとしていますが、いくつかの問題が発生しています。すべてのスライドを「Fade」FX に設定すると、すべてが正しく機能しているように見えます (以下のリンクを参照)。

http://dl.dropbox.com/u/12310886/Work/anythingslider/slide_fade.html

ただし、すべてのスライドが「左」または「右」FX に設定されていると、スライドは回転するにつれて同期しなくなります (以下のリンクを参照)。

http://dl.dropbox.com/u/12310886/Work/anythingslider/slide_left.html http://dl.dropbox.com/u/12310886/Work/anythingslider/slide_right.html

何が起こっているかについて何か考えはありますか？

前もって感謝します！

4

1 に答える 1

0

問題は、パネル全体がアニメーション化されていることです。したがって、方向に応じて最後のパネルまたは次のパネルがビューの外に移動すると、実際には現在のパネルに重なってしまいます。したがって、次の 2 つのオプションがあります。

  1. パネルのコンテンツを要素でラップし、アニメーションの対象にします。これが機能する理由は、パネル自体にoverflow:hiddenプロパティが適用されているため、コンテンツが他のパネルと重ならないためです。

    <div class="left">
  <div class="content-wrapper"> <!-- add this content wrapper -->
    <div class="caption"></div>
    <img src="../slide1.jpg" alt="" />
  </div>
</div>

  2. .activePage { z-index: 1; }cssに追加します。現在のパネルが常に一番上にあるため、これは機能します。このソリューションの主な問題は、他のパネルがバックグラウンドで奇妙に動き回ることです。

于 2013-03-27T21:10:33.723 に答える