【Other】【CSS / jQuery / javascript】画像をスライドショーで表示するjQuery
jQueryでスライドショー
解説元:Favorite Labo
- 画像を並べておくと、一定時間ごとに切り替わるようになるプラグイン。
- ループ機能。最後の次は最初、最初の前は最後、という感じで動く。
jQuery.simpleLoopSlider.js
- シンプルに動くコンテンツスライダー。
- ループ機能。最後の次は最初、最初の前は最後、という感じで動く。
- 進む、戻るナビゲーション。
- 自動でページネーションを設置。
ClossSlide
配布元:ClossSlide
解説:php & javascript room
- 複数の画像にいろいろなクロスフェード効果を付けてスライド表示することができるライブラリ。
- ループ機能。画像にリンクを指定可能。
注意点
・クロススライドする範囲ブロック(div要素)のサイズはCSSなどで指定しておく。
・画像のサイズはクロススライドする範囲ブロック(div要素)のサイズよりも大きくなくてはならない。小さいとエラーになる。
・スクリプトのソースが<head>~</head>内にあるとき、クロススライドする範囲ブロック(div要素)が<body>~</body>にないとエラーになる。
FlexSlider2
配布元:FlexSlider 2
解説:【jQuery】超万能スライダー FlexSlider の使い方をマスターする。
- セレクタで指定した複数の画像をスライドショーにしてくれるライブラリ。
- リンク・キャプション設定可能。
- ループ機能有。