メニュー

Home >jQuery> 画像をスライドショーで表示するjQuery

【jQuery】画像をスライドショーで表示するjQuery

2012/05/15 14:18|タグ:jQueryスライドショーグッジョブ表示 91

jQueryでスライドショー

解説元:Favorite Labo

  • 画像を並べておくと、一定時間ごとに切り替わるようになるプラグイン。
  • ループ機能。最後の次は最初、最初の前は最後、という感じで動く。

jQuery.simpleLoopSlider.js

配布元:Unformed Building

  • シンプルに動くコンテンツスライダー。
  • ループ機能。最後の次は最初、最初の前は最後、という感じで動く。
  • 進む、戻るナビゲーション。
  • 自動でページネーションを設置。

ClossSlide

配布元:ClossSlide
解説:php & javascript room

  • 複数の画像にいろいろなクロスフェード効果を付けてスライド表示することができるライブラリ。
  • ループ機能。画像にリンクを指定可能。

注意点
・クロススライドする範囲ブロック(div要素)のサイズはCSSなどで指定しておく。
・画像のサイズはクロススライドする範囲ブロック(div要素)のサイズよりも大きくなくてはならない。小さいとエラーになる。
・スクリプトのソースが<head>~</head>内にあるとき、クロススライドする範囲ブロック(div要素)が<body>~</body>にないとエラーになる。

FlexSlider2

配布元:FlexSlider 2
解説:【jQuery】超万能スライダー FlexSlider の使い方をマスターする。

  • セレクタで指定した複数の画像をスライドショーにしてくれるライブラリ。
  • リンク・キャプション設定可能。
  • ループ機能有。

ページ移動

関連エントリー

コメント

  • コメントはまだありません。

コメント登録

登録フォーム
名前
メールアドレス
URL
コメント
投稿キー(スパム対策に、投稿キー を半角で入力してください。)

ユーティリティ

新着コメント

Twitter

サイト内検索

ページ上部へ