sexyCycle image


Description: クロスブラウザ対応でシンプルなカルーセルを実装します。クリック式、ページ送り付きなどの選択も可能。アニメーションも充実しています。要jquery.easingです。
Sample: demo
Tutorial: sexyCycle image jQuery plugin
License: -

Sample

Note

$(document).ready(function() {

	$("#box0").sexyCycle();

    $("#box1").sexyCycle({
		easing: 'easeInOutBounce',
		next: '.next1',
		prev: '.prev1'
	});

    $("#box2").sexyCycle({
		easing: 'easeOutElastic',
		speed: 400,
		next: '.next2',
		prev: '.prev2',
		cycle: false
	});

    $("#box3").sexyCycle({
		speed: 500,
		next: '.next3',
		prev: '.prev3',
		start: 2
	});

 	$("#box4").sexyCycle({
		speed: 500,
		next: '.next3',
		prev: '.prev3',
		stop: '.stop',
		interval: 800
	});
  });

いろいろ設定出来ます。

Related snippet :

  • Description: 画像でもHTMLでも何でもカルーセル化出来るプラグインです。汎用性も高く、導入も手軽、クロスブラウザにも対応しています。また、縦や横など、様々な形式 ...
  • Description: ビフォーアフターを実装するプラグインです。クロスブラウザで動いてくれますよ。実装にはjqueryUIが必要です。 Sample: dem ...
  • Description: マウスを追従するプルダウン形式のメニューとスクロールトップのリンクを実装するプラグインです。使い方次第ではユーザビリティにも自己満足にもなり得ますの ...
  • Description: クロスブラウザ対応で使いやすいLightbox系のプラグイン。エフェクトやアニメーションがとっても可愛いです。画像をグループ化してマウスホイールで勧 ...
  • Description: 左のサムネイルにマウスオーバーするとアニメーションエフェクト付きで拡大、クリックすると右の大きな画像が切り替わる、というイメージギャラリーです。 ...
  • Description: iTuneライクなスライダーを手軽なコードで実装します。IEだとちょっと微妙ですね・・・サムネイル付きで画像の切り替わりと連動してサムネイルも動きま ...
  • Description: 画像をクリックするとフリップ(ひっくり返る)するコンテンツを実装するjQueryプラグインです。uiも必要となります。IE6ではフリップするとレイア ...