splitcarousel 使用例

キャプションをいれる

※imgにtitle要素を付ける必要があります。
※初期値はfalseです。

$(function(){
	$('#slide1').splitCarousel({
		caption : true;
	});
});

画像の分割数を変更する

※初期値は15です。
※最大値は24です。それ以上の値を指定しても、24になります。

$(function(){
	$('#slide2').splitCarousel({
		split : 20
	});
});

アニメーションの速度を変更する

※初期値は2000msです

$(function(){
	$('#slide3').splitCarousel({
		duration : 5000
	});
});

自動切り替えをOFFにする

※初期値はtrueです

$(function(){
	$('#slide4').splitCarousel({
		isAuto : false
	});
});

自動切り替えの間隔を変更する

※初期値は5000です

$(function(){
	$('#slide5').splitCarousel({
		interval : 1000
	});
});

画像の分割方向を変更する

※初期値はtrueです

$(function(){
	$('#slide6').splitCarousel({
		isVertival : true
	});
});

インジケーターを非表示にする

※初期値はtrueです

$(function(){
	$('#slide7').splitCarousel({
		isIndicator : false
	});
});

ページャーを非表示にする

※初期値はtrueです

$(function(){
	$('#slide8').splitCarousel({
		isPager : false
	});
});

アニメーション終了後に処理をする

※都合上、自動切り替えをoffにしてます。

$(function(){
	$('#slide9').splitCarousel({
		onComplete : function(){
			alert('アニメーションが終わりました');
		}
	});
});

アニメーション開始直後に処理をする

※都合上、自動切り替えをoffにしてます。

$(function(){
	$('#slide10').splitCarousel({
		onStart : function(){
			alert('アニメーションが始まりました');
		}
	});
});

アニメーションのエフェクトを変更する

※初期値は1です。
※今のところ1~6まであります。

$(function(){
	$('#slide11-1').splitCarousel({
		effect : 1
	});
});
$(function(){
	$('#slide11-2').splitCarousel({
		effect : 2
	});
});
$(function(){
	$('#slide11-3').splitCarousel({
		effect : 3
	});
});
$(function(){
	$('#slide11-4').splitCarousel({
		effect : 4
	});
});
$(function(){
	$('#slide11-5').splitCarousel({
		effect : 5
	});
});
$(function(){
	$('#slide11-6').splitCarousel({
		effect : 6
	});
});