この美しい Web サイト ( http://soworldwide.org/ ) を見つけて、同様のスライドショーを作成したいと考えています。それを機能させるために多くの時間を費やした後、私はまだそれを理解することができません.
現在、次のようになっています。
最後の画像まで待つと、スライドショーがどのように更新されるかを確認できます。誰かが私を助けてくれるので、彼らと同じアニメーションを手に入れることができますか?
ちなみに、同じJqueryプラグインを使用しています。
前もって感謝します。
リスト終了画像のアニメーションを開始すると同時に、リスト開始画像の上部をゼロに設定しています。リスト開始イメージの zIndex は 3 であるため、リスト開始イメージでリスト終了イメージのアニメーションを非表示にしています。アニメーションを実行するときは、各画像の zIndex を動的に更新することをお勧めします。非表示になっているスライドの場合 (実行中のように上部を負の値に設定することによって)、zIndex を無視できます。nextただし、画像の上部をゼロに設定する前に、zIndexcurrを 1 に、zIndexnextを 0 に設定します。
編集: Chrome JS デバッガーとconsole.log(). たぶん、あなたはすべて正しいことをしたのに、まだ問題を見つけることができず、ただ別の目が必要だったのかもしれません. しかし、すべてのことを正しく行っていない場合は、覚えておいてください: デバッガーは強力なツールです。