3 つの水平 div と下部に 3 つのリンクを表示するスライドショーを作成しています。リンクは一度に 3 つのdivをスライドさせ、次の 3 つの div (クリックごとに正確に 3 つ) に置き換える必要があります。
ULリストでそれを行う必要があるのか 、それともフローティングdivを使用するだけなのか疑問に思っていました. 最終的にdivを使用することにしました。
どうすればこれを達成できるか知っていますか？また、5秒ごとに3つのdivを自動的にスライドさせたい..
どんな助けにも感謝します、ありがとう、ギル
プラグインが適切である場合、私は以前に使用しました：http: //gmarwaha.com/jquery/jcarousellite/これはあなたが望むことをします
ページの次の変更をチェックアウトします。
http://jsfiddle.net/snies/B4FB5/35/
主なアイデアは、3 つのインと 3 つのアウトをスクロールできるようにするには、6 つの画像が必要だということです。それらは、移動される1つの「スライダー」divを含むに住んでいます。6 つの画像に十分な幅が必要です。セットアップ全体は、3 つの画像に十分な幅の「slider_window」div に含まれています。これには、css プロパティ「overflow」が「hidden」に設定されています。
段ボールの窓と絵の入った一枚の紙を想像してみてください。今度は、一枚の紙を窓に沿って動かします。
使いやすさとアニメーションのために、jQuery ( http://api.jquery.com/animate/ ) を使用しています。
アニメーションが終了したらすぐに、画像を切り替えて div 全体を元の位置に戻します。切り替える画像をプリロードすると、ユーザーがそれを見ることができないほど高速になります。または、片側の画像を削除して、反対側に新しい画像を追加することもできます。デモでは、5 秒後に元の位置に戻します。