カスタマイズ可能なナビゲーションを備えたJavascriptカルーセル/スライダー
-
22-07-2019 - |
質問
私は現在サイトを開発していますが、3つまたは4つの異なる画像間で自動的にフェードし、ユーザーが1つをクリックして別のページに移動できるように、ホームページにJavaScriptベースのカルーセル/スライダーハイブリッドが必要ですサイトに。ユーザーがクリックする前にオプションを確認できるように、各スライドの名前(Codaスライダーエフェクトなど)またはシンボル(各スライドのドットなど)で示される何らかのナビゲーションを行うために、さまざまなスライドも必要です。特定の強調表示されたセクションにアクセスするためのスライド。
これはフラッシュでさまざまな方法で行われましたが、私のニーズを満たす唯一のjavascriptアプローチは、Appleが新しいiLifeページ(リンク)。使用しているもの、または実装に類似したプロジェクトがある場合、誰にもアイデアがありますか?
事前に感謝します。
解決
何かが欠けている場合を除き、iLifeのナビゲーションは、大きな写真が目的地にリンクしているフォトギャラリーのように見えます。アニメーション効果がすばらしいため、写真ギャラリーに jQuery Galleria を使用しました。また、フォーラムは、コミュニティベースの役立つサポートを提供しています。
画像が左右にスライドするカルーセルスタイルのアニメーションが必要な場合は、 jQuery Carousel ライブラリ。私自身は使用していませんが、使いやすさや品質についてはコメントできません。
他のヒント
jQuery animateまたは jCarousel
YUIカルーセルコントロールは、もう1つの出発点です。 (執筆時点では、現在ベータ版です。)
ねえ、これがどれほど役立つかはわかりませんが、このスライダーをチェックしてください。それは非常にシンプルで、あなたが探していると思うナビゲーションサムネイルがあります