作者:上村崇 フリーランスのIT系エンジニア
twitter:@uemera facebook:uemura

jQueryで画像のスライド表示させる(Carousel)


 

日本語だと「スライド」とか「セレクト」とかいろいろな表現があって検索しにくいですが、英語だとCarousel(カルーセル)というみたいですね。
「メリーゴーラウンド」とか「回転木馬」という意味があります。
検索するといっぱい出てきます。
画像をスライド表示みたいにクリックで順番に見せてくれるインターフェースです。
そんなcarouselを導入するためにいろいろ調べたので紹介しておきます。

jQuery Carousel
http://thomlx.free.fr/jquery/jquery_carousel.htm
20091112WS000049

Agile Web Development | Agile Carousel
http://www.agilecarousel.com/examples/full_example
20091112WS000050

A Simple Carousel
http://www.queness.com/resources/html/carousel/index.html
20091112WS000051

jCarousel
http://www.ajaxdaddy.com/demo-jquery-carousel.html
WS000051

jQuery Infinite Carousel | jQuery for Designers – Tutorials and screencasts
http://jqueryfordesigners.com/jquery-infinite-carousel/

20091112WS000052

 

ほかにもいっぱいあります。

JQueryを使ったスライド表現を集めた「10 Best jQuery Sliders」 | DesignDevelop
http://design-develop.net/web-design/10-best-jquery-sliders.html

7 Powerful image carousels for web de signers
http://woork.blogspot.com/2009/05/7-powerful-image-carousels-for-web.html

関連記事


神戸ITフロンティアセミナーに行ってきました
神戸のポートアイランドで開催された、神戸ITフロンティアセミナーに行ってきたので聞いたことをメモします。   僕がよく行くIT系の勉強会とは違って、平日ですし商工会議所主催ということもあって、来場者の年齢層が高めでした。 …

オープンソースカンファレンス 2012Kyoto に行ってきました
オープンソースカンファレンス 2012 Kansai/Kyotoに行ってきました。 2日間の開催でしたが、僕は2日目の8/4(土)だけ行きました。 僕が出席したセッションのまとめを残しておきます。       インフラエ …

インフラサザエさん総集編 (ボーナストラックもあるでよ!)
サーバーインフラエンジニアのしがない日常をつぶやきでつづる「インフラサザエさん」を去年の12月から続けておりました。 最初は何気なくつぶやいてみただけの単発ツイートだったのですが、予想外に反響のリツイート等いただき、楽し …

MacBookAir買いました
2010年春に買ったMacBookProから1年少ししか経ってないのに、また新しいPCを買うのもどうかと思いましたが…   うちのワイフのWindowsノートパソコンが壊れたのです。 液晶のバックライトが切れたみたいで何 …

iPadがPCの売り上げを奪っているの図
あまりいい評判が聞かれなかったWindows Vistaのときでも、リーマンショックのときでも大きく落ち込むことが無かったパソコンのセールスが、ここ1年で急減しています。 iPadの影響によるものだというのがアナリストの …

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です