SlidesJSデモ

画面の大きさを変更してページを更新すると幅480pxを境に画像サイズが変更されます。

サイズ指定

• slide1
• slide2
• slide3

	$(function(){
		if($(window).width() >= 480){
			$(".slider1").slidesjs({
				width: 960,
				height: 360
			});
		}else{
			$(".slider1").slidesjs({
				width: 640,
				height: 533
			});
		}
	});

ナビゲーション、ページネーションごとのエフェクト切り替え

• slide1
• slide2
• slide3

	$(function(){
		$(".slider2").slidesjs({
			width: 960,
			height: 360,
			navigation: {
				effect: "slide"
			},
			pagination: {
				effect: "fade"
			},
			effect: {
				slide: {
					speed: 400
				},
				fade: {
					speed: 300
				}
			}
		});
	});

自動再生

• slide1
• slide2
• slide3

	$(function(){
		$(".slider3").slidesjs({
			width: 960,
			height: 360,
			start: 2,
			play: {
				active: true,
				effect: "fade",
				interval: 5000,
				auto: true
			}
		});
	});