iTunesのCover Flowのようなギャラリーが実装できる「ContentFlow」

「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も)

他プラグイン
jCoverflip Waterwheel Image Carousel

Related

ナビゲーション内にサムネイルを設置できる画像スライダー・ギャラリー用プラグイン カルーセル プラグイン Default Thumbnailスワイプ対応の画像スライダー・ギャラリー用プラグイン レスポンシブ対応の画像スライダー・ギャラリー用プラグイン Default Thumbnailシンプルな画像スライダー/ギャラリー用プラグイン レスポンシブに対応した画像ギャラリーが実装できる「Responsive Image Gallery」 画像ギャラリーを実装できる「Galleria」 Default Thumbnail色々なタイプの画像ギャラリーが実装できる「Rondell」
  • このエントリーをはてなブックマークに追加

関連記事

selectボックスを華麗にしてくれる「Chosen」「Select2」

selectボックスに当てるjQueryプラグインを色々探してみましたがこれに決めました。シングルやマルチ、またグループにも対応しています。インスタンス検索してくれるのが決め手 Chosen CDN

no image

バリデーション プラグイン

Nod Nod サイト | デモ [browser-shot url="http://rickharrison.github.io/validate.js/" width="2

マウスオーバーすると画像にキャプションを表示してくれる「Mosaic」

「Mosaic」は、画像などにマウスオーバーすると、キャプションをスライド(イン/アウト)もしくはフェイド(イン/アウト)させてくれるjQueryプラグインです。ダウンロードはこちら スクリプト

入力されたメールアドレスのドメインをサジェストしてくれる「mailcheck.js」

「mailcheck.js」は、入力されたメールアドレスのドメインをサジェストしてくれるjQueryプラグインです。 ダウンロード スクリプト 実装 v

Amazonのような画像ズーム機能が実装できる「SergeLand Image Zoomer」

「SergeLand Image Zoomer v3.0」はAmazonなどでみられるマウスオーバーで画像をズームしてくれる機能を実装できるjQueryプラグインです。 ダウンロード *黄色ボタン

no image

時刻入力に便利な「Timepicker for Bootstrap」(Bootstrap 2)

「Timepicker for Bootstrap」は、テキストボックスへの時刻入力を便利にしてくれるjQueryプラグインです。 目次 実装方法 モダール形式 Datepicker

no image

日付入力に便利な「Datepicker for Bootstrap」

「Datepicker for Bootstrap」はテキストボックスにカレンダーを表示して日付入力を便利にしてくれるjQueryプラグインです。 目次 Datepicker for Boot

ECサイトの商品表示に使えそうなスライダー「Simple Multi-Item Slider」

「Simple Multi-Item Slider」は、いうなればネスト型の画像スライダーです。ECサイトでの商品陳列からサムネイルメニューなどにも使用できそうです。ダウンロード　デモ スクリプ

no image

ファイルアップロードフォーム プラグイン

Ajax File Upload Form with jQuery Ajax File Upload Form with jQuery [browser-shot url="h

実装方法が選べるツールチップ用プラグイン「Smallipop」

Smallipopは、ツールチップの実装をマークアップベース(HTMLに書き出し)とJavascriptベース両方で行えるjQueryプラグインです。世の中この手のツールは結構片方でのみだったりします

Comment

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

PREV
バリデーション プラグイン
NEXT
ワイド文字 wchar_t

新規投稿

  • ブックマーク

    PAGE TOP ↑