• かちびと.net

    多機能且つ、クロスブラウザ対応のカルーセルを実装するjQueryプラグイン・carouFredSelのご紹介です。使い勝手も良さそうで個人的に重宝しそう。

    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

スポンサーリンク

使い勝手が凄く良さそうだったので
メモ&シェア。クロスブラウザ対応の
カルーセルを実装するjQueryプラグ
イン・carouFredSelのご紹介です。
シンプルながら縦タイプ、スライド、
lightboxを付加させる事が出来る等
オプションも豊富です。

動きやデザインはシンプルなんですが、色々とカスタマイズ出来る仕様で、クロスブラウザ対応、という感じのカルーセル系jQueryプラグインです。

carouFredSel

carousel01

liタグをループさせるので、画像に限らずテキストでも実装出来るみたいです。

機能

carousel02
↑ ベーシックなタイプ。自動と、クリック式。キーボードの十字キーでも動かせるみたい。

carousel03
↑ アイテム数の変更もオプションで可能。

carousel04
↑ 縦にしたり、画像スライダーにも出来る。

carousel05
↑ lightbox効果を与えるオプションも付いてます。

carousel06
↑ こんな事まで出来る。こちらはデモをお楽しみください。これだけはIE6で動きませんでした。

リンク先の最下部に各デモへのリンクがあります。デモの下にHTMLソースやcssがありますのでご参照ください。

ライセンスもMITなのはありがたいですね。

carouFredSel

URL :
TRB :

Comments & Trackbacks (5)

  1. これはいいですね。私のサイトも写真を沢山使っているのですが、いつも斬新で使いやすいものがないか探しています!

    • シロ

      これ結構素敵ですw僕もどこかで使ってみようと思いますー!かちびと

Twitter

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

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

twitter facebook rss contact

Ads

Posts

Contact

Services