kawama.jp

jqueryでカルーセルパネル

カテゴリ: Ajax,JavaScript — タグ: , , — 2010年6月11日 12:09 — Comments (1)hatebu count

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/

1件のコメント »

  1. […] 以前jcarouselというプラグインを使ってカルーセルパネルを作りましたが、今度はTiny Carouselというのを使いました。 http://www.baijs.nl/tinycarousel/ jcarouselに比べると機能は少ないですが、そ […]

    ピンバック by 軽くてサクサク動くjqueryプラグイン「Tiny Carousel」 « kawama.jp — 2011年8月7日 @ 15:08

RSS feed for comments on this post. TrackBack URL

Leave a comment

Copyright (C) 2002 - 2017 kawama All Rights Reserved. — Powered by WordPress