• 虹色ミツバチ
  • freoカスタマイズメモ、テンプレート・プラグイン配布/officeTIPS
検索プラグイン
虹色ミツバチ

> Entry >Other>CSS / jQuery / javascript> 画像をスライドショーで表示するjQuery

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

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 の使い方をマスターする。

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

ページ移動

関連記事

ページ上部へ