Webデザインに役立つツールといえばスライダー。

jqueryを使った綺麗なスライダーを紹介します。

チュートリアルがついているものもあるので要チェックです★

 

Grid Navigation Effects

無料でDLできます。

• 表示— あなたは原著作者のクレジットを表示しなければなりません。
• 非営利 — あなたはこの作品を営利目的で利用してはなりません。

 

 

Rotating Image Slider

無料です。CSSやJAVAscriptの解説ついています。

• 表示— あなたは原著作者のクレジットを表示しなければなりません。
• 非営利 — あなたはこの作品を営利目的で利用してはなりません。

 

 

Point of ViUU

レギュラーライセンス$5で購入できます。拡張ライセンス購入で再配布も可能なようです。

 

 

Point of ViUU

下からスライドしていくバージョン。再生や一時停止ができ、待機中の写真のカラー等も設定できます。

 

 

FSS – Full Screen Sliding

レギュラーライセンス$7
タイトルの通り、フルスクリーンでスライドします。全て画像表示ってことですね。

 

 

li JQuery Slider/Image Rotator

レギュラーライセンス$5
104のアニメーションと12のスキン＋サポート、アイフォンなどへの互換性もばっちりです。youtubeなどもサポートしています。

 

 

Estro – jQuery Ken Burns & swipe effect slider

レギュラーライセンス$12
ワードプレスで利用できます。フォトショップファイルが含まれているのでカスタムスキンをつくるのも簡単です。

 

 

Slider Gallery with jQuery

無料です。
jQuery Easing Pluginを用いる必要があるようです。ライセンスについては特に書いていません。

 

 

3D Wall Gallery

無料です。
3Dと書いてありますが、IE,クロームでデモを見る限り3Dにはなりませんでした。

 

 

Parallax Slider with jQuery

無料です。
デモサイト　 Parallax Slider with jQueryデモページ

 

 

Lowrider Triple Slider

レギュラーライセンス$7
拡張ライセンスもあります。写真が時計回りにスライドしていきます。
デモサイト　Lowrider Triple Sliderデモサイト

 

 

MOVING BOXES

無料です。
シンプルで場所をとらないスライダーです。
デモサイト MOVING BOXESデモサイト

 

 

Awkward showcase

無料です。
スライド内に動画を埋め込むことも可能です。
デモサイト　 Awkward showcaseデモサイト

 

 

wowslider

無料です。　ただ商用使用の場合は$49~
ダウンロードからインストール、スライド用の写真の追加方法など細かい説明があります。クオリティが高くてまさにwowですよw

 

 

CCSlider – jQuery 3d Slideshow

レギュラーライセンス$10
スライドパターン(スライス数やキューブの回転方法など)
デモサイト　CCSliderデモサイト 

 

 

slidedeck

プロ版$99(1サイト)　　/　ライト版　無料
少しお値段張りますが、プロ版にすると、縦スライドが適応されます。ワードプレス対応です。

 

Galleria

無料です。
動画サイトのような外観です。　サムネイル表示や再生停止、タイトルがスライダーの下部にあります。拡大も可能。

 

 

Apple‐like Gallery

無料です。
タイトルの通りアップルのような外観のスライダーです。
デモサイト　Apple-like Galleryデモサイト

 

Supersized

無料です。ただ、寄付してあげることもできますよ。
フルスクリーンのスライダー。かっこいいです。
デモサイト　Supersizedのデモサイト 

 

 

 Coda Slider

無料です。
シンプルな淵の中でスライドしていきます。
デモサイト　Coda Sliderデモサイト

 

 

 

2011.11.30　無効になっていたリンクの変更、更新

 

@wmtdesignersをフォロー