iTunesのCover Flowのようなギャラリーが実装できる「ContentFlow」
![](http://kwski.net/blog/wp-content/uploads/2013/03/459-e1363926494884-604x270.jpg)
「ContentFlow」は、iTunesのCover Flowのように左右に流れるギャラリーが実装できるjQueryプラグインです。ダウンロード
スクリプト
<script src="jquery.min.js" type="text/javascript"></script> <link href="contentflow.css" type="text/css" rel="stylesheet"> <script src="contentflow.js" type="text/javascript"></script>
実装
<div class="ContentFlow" id="div459"> <div class="loadIndicator"><div class="indicator"></div></div> <div class="flow"> <img class="item" src="イメージ1" title="イメージのタイトル1"/> <img class="item" src="イメージ2" title="イメージのタイトル2"/> .... <img class="item" src="イメージ5" title="イメージのタイトル5"/> </div> <!-- キャプション --> <div class="globalCaption"></div> <!-- スライドバー --> <div class="scrollbar"><div class="slider"><div class="position"></div></div></div> </div>
オプションはこのページの「Options」タブを参照して下さい。
featuresより、IE8+(IE6,7も)
関連記事
-
-
レスポンシブに対応したテーブルを実装できる「FooTable」
「FooTable」は、画面の大きさに合わせて表示をかえてくれるテーブルを実装できるjQueryプラグインです。かなり、シンプルに実装できます。ダウンロード #v2にアップデートされたため刷
-
-
画像をモザイク処理(ピクセル化)してくれるプラグイン「Pixelate.js」
「Pixelate.js」はその名の通り画像をピクセル化してくれるjQueryプラグインです。画面ロード時にピクセル化しておき、画像にマウスオーバーすると暴露してくれます。 ダウンロード | デモ
-
-
親要素の大きさに合わせて画像をリサイズ「imgLiquid」
「imgLiquid」は親要素の大きさに合わせて画像を縮小・切り取りを行ってくれるjQueryプラグインです。 ダウンロードはこちら スクリプト 実装
-
-
表示パターン豊富なスライダー「flexslider 2」
「flexslider 2」は、シンプルに実装でき、かつカスタマイズ機能が豊富なスライダー用プラグインです。 flexslider 2 オプションや機能 サムネイルナビゲーション 複数表示
-
-
テキストに動きをつけるプラグイン
テキストをフェイド・スライド「Textillate」 テキストをフェイドイン(アウト)、スライドイン(アウト)してくれます。 ダウンロード デモ My Tit
-
-
時刻入力に便利な「Timepicker for Bootstrap」(Bootstrap 2)
「Timepicker for Bootstrap」は、テキストボックスへの時刻入力を便利にしてくれるjQueryプラグインです。 目次 実装方法 モダール形式 Datepicker
-
-
ポップアップ・モーダル ウィンドウ プラグイン
ポップアップ シンプルにポップアップを実装できる「PopBox」 実装方法が選べるツールチップ用プラグイン「Smallipop」 Bootstrap Popovers
-
-
定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」
PeriodicalUpdaterは、定期的にpostもしくはgetリクエストを送信してくれるjQueryプラグインです。Twitterのタイムラインのように定期的にツイートをロードしてくれるようなや
-
-
カレンダー実装プラグイン「Bootstrap Calendar」
「Bootstrap Calendar」はBootstrap 3ベースでカレンダーが実装できるjQueryプラグインです。 ダウンロード スクリプト
-
-
テキストエリアを自動的にリサイズしてくれる「Autosize」
「Autosize」は、テキストエリアのサイズを入力文字数によって自動的に変更してくれるjQueryプラグインです。標準では、枠を超える文字数を入力するとスクロールバーが表示されますが、かわりに建増し
- PREV
- バリデーション プラグイン
- NEXT
- ワイド文字 wchar_t
Comment
これじゃ駄目でしょうか。
http://kwski.net/jquery/459/