ラベル カルーセル の投稿を表示しています。 すべての投稿を表示
ラベル カルーセル の投稿を表示しています。 すべての投稿を表示

2011年8月8日月曜日

軽くてサクサク動くjqueryプラグイン「Tiny Carousel」

以前jcarouselというプラグインを使ってカルーセルパネルを作りましたが、今度はTiny Carouselというのを使いました。

http://www.baijs.nl/tinycarousel/

jcarouselに比べると機能は少ないですが、そのぶん軽くてサクサク動く感じです。
ソースコードも短くてシンプルなので、カスタマイズもしやすいと思います。

2010年6月11日金曜日

jqueryでカルーセルパネル

amazonの「この商品を買った人はこんな商品も買っています」みたいな、商品がくるくるまわるウィジットを作りたいと思い、jqueryベースのちょうどいいライブラリがないか調べてみました。

こういうのです↓



この手のウィジットはカルーセルパネルと呼ばれています。カルーセルというのはメリーゴーランドのこと。くるくるまわるからそう名付けられたようです。英語だとcarrouselまたはcarousel。rは1個でも2個でもどっちでもいいみたいです。

軽くググって見つけたのがこれら。

■jCarousel
定番

■jCarousel Lite
jCarouselを軽量化し、導入を簡単にしたもの

■Billy Carousel
あまり調べてないが、シンプルな感じ

■jquery carrousel
スライダーもついてる。ドキュメントはあまりない

■Slider Gallery
Apple風スライドギャラリー

■WordPressの各エントリー記事にスライダーギャラリーを飾る
上のApple風のカスタマイズ


上の3つなどはかなり機能が充実していて、マニュアル読んでオプションをいじるだけでも幅広く対応できると思います。


あと参考になりそうなアスキーの記事があったので、貼っておきます。
http://ascii.jp/elem/000/000/173/173575/ http://ascii.jp/elem/000/000/481/481241/