前の記事 ≪：2011年4月11日 管理人のブックマーク
次の記事 ≫：ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマ...

画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」

2011年04月12日-はてなブックマーク

スポンサード リンク
[PR]　英単語を忘却曲線アプリを使って超効率よく記憶する方法
Slider Kit, sliding contents with jQuery

画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」
このプラグインを使うことで実に様々なスライダーが実現出来ます。以下にサンプルを。

一見普通の画像


カーソルを合わせるとページ送りが出るUI。これだけでもシンプルでかなり使えそう。無駄なUIは不要という方に。


ページインデックスを次のように○で表示したスライダーも作れます。


ページ番号がついたもの


サムネイルがついた物


サムネイル＋ラベル付き


サムネイルを横に配置したもの


シンプルにサムネイルを敷き詰めた例


何らかの製品等の特徴を表示するようなおなじみのタブUI型スライダーも。
画像だけでなくHTMLも使える


タブを下にすることも。


サムネイルだけのスライダーとかも


メニューのスライダーなんかも。


機能も多彩で、デフォルトデザインのセンスもよいのでなかなか使えそう

関連エントリ
関連の記事検索：jQuery, JavaScript, スライダー, 画像, プラグイン, Web制作
スポンサード リンク

By.KJ : 2011年04月12日 09:08 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)