カバーフローのような効果をシミュレートする JavaScript (できれば jQuery) スクリプトを探していますが、カバーフローとはまったく異なります。ここで達成しようとしていることの簡単な例を作成しました。
代替テキスト http://img197.imageshack.us/img197/7296/exampleh.gif
黒は現在フォーカスされているメインの画像です。メインの写真のすぐ隣に前と次のリンクがあります。2 つの紫色のボックスは、前後の画像を示しています。それらはわずかにフェードアウトし、黒い枠の下/内側の部分が隠れて、画像の一部しか見えなくなります。一度に表示できる画像は 3 つだけで、完全に表示できる画像は 1 つだけです (中央のオン)。
jQueryカルーセルといくつかのカバーフロープラグインを調べてみましたが、これらのニーズに合うものは見つかりませんでした.
ありがとう
Coverflow 効果によく似た jcoverflipも参照してください。
スクリプトのプレリリースをプッシュしました: http://droganov.github.com/Coffee-Flow/
概要:
CoffeeFlow は、何千もの画像を簡単に回転できるシンプルで強力な coverflow コンポーネントです。Coffeeflow は、モバイル ブラウザーを含む css3 互換ブラウザーで動作し、Opera フォールバックと古いブラウザー用の互換モードを備えています。
Hammer.js ライブラリを接続すると、Coffeeflow はタッチ イベントとジェスチャ (タップ、ドラッグ、スワイプ) を自動的にサポートします。
Coffeeflow には、画像の読み込みエラーも処理する組み込みの画像プリローダーがあります。
CoffeeFlow はクラスとして使用するように設計されており、jQuery ラッパーを備えています。JQuery が必要です。
jCoverFlow2.0 を試すことができます。私は 1000 以上の画像をテストしましたが、完全に動作します。
http://sourceforge.net/projects/jcoverflow/
ここに完全な詳細がありますhttp://addyosmani.com/blog/jqueryuicoverflow/
