jCarousel


Description: シンプルなカルーセルを実装するプラグインです。ボタンで進ませることが出来ます。マークアップがとてもシンプルで使いやすそうですね。
Sample: demo
Tutorial: jCarousel
License: MITとGPL

Sample

Note

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel();
});

jQueryとプラグインを読み込んで上記設定で動作します

Related snippet :

  • Description: 多くの形に対応できる高機能コンテンツスライダープラグインです。テキストなどや画像ギャラリー、上記画像のようなサムネイルギャラリーなども構築可能。表示 ...
  • Description: ソート出来るポートフォリオを構築できます。IE6や7でも動作しますが、アニメーションが少々怪しい感じです。class名を振ってソートするシンプルな手 ...
  • Description: ビフォーアフターを実装するプラグインです。クロスブラウザで動いてくれますよ。実装にはjqueryUIが必要です。 Sample: dem ...
  • Description: 画像だけでなく、テキストなども対応できるシンプルなカルーセルです。オートムーブ機能やサムネイルを使ったナビゲーションにも対応しています。クロスブラウ ...
  • Description: クロスブラウザ対応のシンプルなイメージギャラリーです。フェードエフェクトで自動で切り替わるほか、ページャにマウスを乗せるだけで切り替える事も出来ます ...
  • Description: マウスオーバーでアイコンがスムーズに拡大し、キャプションもツールチップ的に表示させます。全てのブラウザで動作してくれます。 Sample: ...
  • Description: クロスブラウザ対応でシンプルなカルーセルを実装します。クリック式、ページ送り付きなどの選択も可能。アニメーションも充実しています。要jquery.e ...