以前jcarouselというプラグインを使ってカルーセルパネルを作りましたが、今度はTiny Carouselというのを使いました。
http://www.baijs.nl/tinycarousel/
jcarouselに比べると機能は少ないですが、そのぶん軽くてサクサク動く感じです。
ソースコードも短くてシンプルなので、カスタマイズもしやすいと思います。
2011年8月8日月曜日
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/
こういうのです↓
この手のウィジットはカルーセルパネルと呼ばれています。カルーセルというのはメリーゴーランドのこと。くるくるまわるからそう名付けられたようです。英語だと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/
登録:
投稿 (Atom)