crossFader

ほとんど http://lab.komadoya.com/blog/2011/02/jquery-plugin-crossfader.php の例のままです。(/_＼*)

HTML（標準）

<div id="fader1" class="crossfader">
	<img src="img1.jpg" class="active" />
	<img src="img2.jpg" />
	<img src="img3.jpg" />
	<img src="img4.jpg" />
</div>

基本パターン#fader1

$('#fader1').crossFader();

オプション（スピード調整）#fader2

$('#fader2').crossFader({
	timer: 3000,
	speed: 1000,
	changeSpd: 400
});

オプション（読込時に画像をランダム表示）#fader3

$('#fader3').crossFader({
	random: true
});

オプション（ループさせない）#fader4

$('#fader4').crossFader({
    loop: false
});

オプション（クリック時の切替処理を無効）#fader5

$('#fader5').crossFader({
    clickStep: false
});

HTML（画像にリンクを設定する場合）

<div id="fader6" class="crossfader">
	<a href="#1"><img src="img1.jpg" class="active" /></a>
	<a href="#2"><img src="img2.jpg" /></a>
	<a href="#3"><img src="img3.jpg" /></a>
	<a href="#4"><img src="img4.jpg" /></a>
</div>

基本パターン#fader6

$('#fader6').crossFader();