[JS]Apple風の画像ギャラリー:カバーフロースクリプトの決定版 -ContentFlow
Post on:2010年3月19日
iTunesのカバーフローのように画像が次々にスライド・拡大表示されるスクリプトを紹介します。
![デモのキャプチャ](/wp-content/uploads-2010/2010031902.png)
スライドはさまざまな操作に対応しています。
- スライドバー
- サムネイル画像のクリック
- マウスホイール
mouse wheel control - キーボード操作
keyboard control
対応ブラウザは、IE8, Fx3など主要なブラウザのほとんどをサポートしています。
各機能でサポートが異なるため、詳しくは「ブラウザの対応リスト」を参照ください。
![サイトのキャプチャ](/wp-content/uploads-2010/2010031903.png)
また、機能を拡張するアドオンも豊富で、さまざまなバリエーションが楽しめます。
ContentFlow: AddOns
下記にその中からいくつか紹介します。
![デモのキャプチャ](/wp-content/uploads-2010/2010031903-01.png)
carousel
カルーセル(回転木馬)のようなギャラリー。
![デモのキャプチャ](/wp-content/uploads-2010/2010031903-02.png)
circle
ターンテーブルのようにぐるぐるスライド。はずむのが軽快です。
![デモのキャプチャ](/wp-content/uploads-2010/2010031903-03.png)
lightbox
画像を拡大する「Lightbox」と組み合わせたもの。
![デモのキャプチャ](/wp-content/uploads-2010/2010031903-04.png)
slideshow
自動・手動再生に対応したスライドショー。
![デモのキャプチャ](/wp-content/uploads-2010/2010031903-05.png)
waterwheel
垂直方向のスライドに透明のエフェクトを合わせたもの。
![デモのキャプチャ](/wp-content/uploads-2010/2010031903-06.png)
wave
波状にうねうね動きます。
![デモのキャプチャ](/wp-content/uploads-2010/2010031903-07.png)
white
鏡面反射付きのスライドショー。
sponsors