$(document).ready(function() {
    $('#slides1').cycle({       //スライドショーとして機能させたい要素のIDを指定(ここではID#slides1を指定)
		fx:     'scrollLeft',
        speed:   500,          //画像切り替わりにかかる時間(ミリ秒)
        timeout: 4000,          //次の画像に切り替わる時間(ミリ秒)
        pause:   1,             //1にするとマウスを乗っけるとスライドが停止します。0にすればマウスを乗っけてもスライドします。
        delay:   1000           //指定した時間（ミリ秒）遅れてスライドが開始する
	});

    $('#slides2').cycle({       //以下同様(ここではID#slides2を指定)
		fx:     'scrollLeft',
        speed:   500,
        timeout: 4000,
        pause:   1,
        delay:   1100
	});

    $('#slides3').cycle({       //以下同様(ここではID#slides3を指定)
		fx:     'scrollLeft',
        speed:   500,
        timeout: 4000,
        pause:   1,
        delay:   1300
	});

    $('#slides4').cycle({       //以下同様(ここではID#slides4を指定)
		fx:     'scrollLeft',
        speed:   500,
        timeout: 4000,
        pause:   1,
        delay:   1400
	});   
});