TOP

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

Tweet

関連記事

: カウントダウンプラグイン

FlipClock #時間 FlipClock サイト [browser-shot url="http://xdsoft.net/jqplugins/flipcountd

: 開閉できるツリー構造を表現できる「jsTree」

「jsTree」は、Webサイト上にツリー構造を表示してくれるJQueryラグインです。実際、使うかというのは謎ですが、ブログ内に設置する機会があり使用してみましたので参考まで。ダウンロードはこち

: jqPlot - Legend(凡例) オプション

jqPlotの凡例(Legend)の設定オプションのまとめです。前提は、こちらを参照して下さい。目次凡例を表示凡例の位置 [location, placement] 凡例のフォ

: 定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」

PeriodicalUpdaterは、定期的にpostもしくはgetリクエストを送信してくれるjQueryプラグインです。Twitterのタイムラインのように定期的にツイートをロードしてくれるようなや

: ページ内のフォントサイズを変更してくれる「Text Resizer」

「jQuery Text Resizer Plugin」は、ページ内のフォントサイズを変更してくれるjQueryプラグインです。要素を限定してリサイズすることも可能です。jquery.cookie.j

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

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

: わずかなコードで画像をサムネイル化してくれる「MyThumbnail.js」

サムネイル化してくれるJQueryプラグインは数多くありますが、この「MyThumbnail」はわずか数行で簡単にページ上の画像を指定サイズにサムネイル化してくれます。ダウンロード画像とし

: 入力数値の桁区切り挿入

ユーザに数値を入力してもらう際に区切りを入れるようにすると入力ミスを少なくすることができます。このソースは、SugarJSというものから拝借して少し改変しています。実装 fu

: 要素を折りたたみできる「nestedAccordion」

「nestedAccordion」は、クリックすると要素を開閉(折りたたみ)できるjQueryプラグインです。名前の通りネストして、アコーディオンの中にアコーディオンも実装できます。ダウンロードはこち

: 「jqPlot」を使って円グラフを作成

Webサイトで円グラフ表示したいと要望があったので、以前使用したjqPlotでデモを作成しました。ダウンロード最初の要望は「凡例つけて」、「いい感じにカラーリングしてほしい。」、「定期的に変更

Comment

JavaScript (jQuery JavaScript)で、初心者ですので、ネットにある、cov... - Yahoo!知恵袋 より:

2014年3月3日 1:42 AM

これじゃ駄目でしょうか。
http://kwski.net/jquery/459/

返信

Message コメントをキャンセル

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

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

新規投稿

: [WordPress] Twenty Fifteen カスタマイズ

: [Linux] Ruby 2.xをUbuntuにインストール

: [WordPress] Twenty Fifteen テーマ用フォント "Noto" / "Inconsolata"の使用を止

: [CakePHP] 「isUnique」バリデーション

: [WordPress] 「最近のコメント」ウィジェットをカスタマイズ

: [Ruby] チュートリアルとしてブログアプリ(1)

: [より便利に] UMLモデリング用Eclipseプラグイン「AmaterasUML」

: [jQuery] カレンダー実装プラグイン「Bootstrap Calendar」

: [より便利に] ブラウザでユーザエージェントを切り替えてチェックできるツール

: [MySQL] ユーザ作成と権限設定

→もっと見る

カテゴリー
- CakePHP (9)
- CakePHP 1.3 (22)
- CakePHP 2.x (40)
- iOS (1)
- jQuery (71)
- Linux (18)
- MySQL (6)
- Ruby (2)
- WebAPI (9)
- WordPress (76)
- よもやま話 (32)
- より便利に (17)
- スニペット (3)

@kwski3 からのツイート

最近のコメント

ブックマーク

Tweet