• かちびと.net

    jQueryのカルーセル系プラグイン・Caroufredselだけで「こんな事も出来るよ!」をまとめたサイト・Cool Carouselsのご紹介です。1つのライブラリの応用例ですね。こういうのは嬉しいかも。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

jQueryのカルーセル系プラグイン・Caroufredselだけで「こんな事も出来るよ!」をまとめたサイト・Cool Carousels

スポンサーリンク

Caroufredselという、結構人気なプラグイン
があるんですが、このプラグインの開発者が
応用例をサンプルソース付きでまとめてくれ
ていましたのでご紹介。1つのプラグインで
ここまで出来るってちょっと凄いですね。
もう少し軽量になってくれると嬉しいんです
けど・・

カルーセル系プラグインの定番的なライブラリ、Caroufredselの応用例を開発者さん本人がまとめてくれていました。もともと沢山例があったんですが、更に一歩進んだ使い方を紹介してくれています。サンプルはダウンロードできます。

Caroufredsel

まずはCaroufredselのご紹介。知ってる方も多いかもしれませんけど、自由度の高いライブラリです。詳細は以下をご覧下さい。

どんな要素だってカルーセル麻紀になります。

で、この麻紀化を容易に実装出来るライブラリを応用した例をまとめたのがCool Carouselsです。

Cool Carousels

25例ほどまとめられてて、サンプルもダウンロードできます。プラグインの良いところは応用しやすい点ですので、こうしてサンプルを提供してくれるのは嬉しいかも。


全画面を使った例


サムネイル付きの縦カルーセル


ニュースティッカーも作れます。


タブ+カルーセル麻紀


ウィンドウサイズにも合わせる事も出来る。


それぞれのサンプルページでソースも公開されており、ダウンロードもできます。

場合によってはこのプラグイン1つで事足りるケースも考えられるくらい汎用性高いですね・・・使い方を覚えて置いて損は無さそうですよ。ご利用は以下よりどうぞ。

Cool Carousels / Caroufredsel

URL :
TRB :

Comments & Trackbacks (2)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services