jQuery プラグイン スライドギャラリー

スライドするギャラリープラグインのまとめです。

 

1、Slider Gallery with jQuery

slider01

サムネイルをスクロールバーで動かすタイプ
自動でループはしないけど、画像の数が増えたらこっちの方が良いかも

 

2、infiniteslide

slider02

横一方向に、自動で無限ループするスライダー
スピードや向き(右左)サイズなどは変更自由。
マウスONでSTOPとかはしないです。シンプルな作り。
解説ページ

 

3、jQuery LOOPSLIDER

slider03

こちらもシンプルに、横方向無限ループするスライダーli要素を増やすことで簡単にループさせる画像が増やせます。

 

4、Flow Slider jQuery Plugin

slider04

動きがとてもなめらかなスライダー!
マウス動作で左右自在に動かせます。
クロスブラウザ対応、キーボード操作で動かすことも出来るみたい
実装が簡単とのこと、一度試してみようかな・・・

サンプルページ

コリスさんの紹介記事

 

5、jQuery image slider

slider05

これまたシンプルなスライダー。
左右のクリックで1枚ずつ動きます。無限ループタイプ。枚数が多くなるともどかしいかなー

 

6、GalleryView

slider06

スライダー探しで見つけたGalleryView
表示オプションがいくつかあるので、使い勝手がありそう自分でオリジナル設定が作れるCREATE-A-GALLERY が気になる。

全部英語で大変だけどヽ(;´Д`)ノ

こちらも参考に

 

7、jQueryプラグインなスライダー slider.js かえラボBlog

slider07

これは色々使い勝手がよさそう!
DEMOページの「早送り・巻き戻し」がかなりツボ
マウスドラッグでの動きも可能

8、jquery.carouFredSel:

複数のサムネイルを左右に自動スライドで表示させてくれるjs

slider08

無限ループで、1個ずつ次の要素がスライドしていきます。
左右の▲クリックで、希望の方向に1個ずつスライド
要素の少ないメニューに使えそうかな

ソース元:CarouFredSel

 

9、iosSlider

slider09

両方向無限ループ可能、自動スライドとマウスホバーで動作STOPします。
ドラッグ操作でもスライドでき、タッチパネル操作も対応。
動作がとてもスムーズできれい。

コリスさんより

 

その他、順次追加
汎用性の高そうなjQueryイメージスライダー・Fotorama
Easy Slider 17 Numeric Navigation jQuery Slider
ボタン付きのスライドショーを実装するjQueryプラグイン「Slides」
iView Slider
Casual Slider
Swipebox
jQuery でシンプルなループスライダーを作る
ボタンクリックでスライドします。無限ループ

 

Googleさんで「jquery サムネイル スライド 無限ループ」で検索しましたよー
————————-

スライドショー無限ループについて、
ちょっと勉強になりそうな記事を発見

ちょうどここに書いてあるような話をしてたのですよねー
■ スライドショー 無限ループの考え方 ENDESIGNWEB

そこから出来たプラグイン→ jQuery スライドショー サムネイル自動生成