無限に横方向へ画像をループさせるJQueryプラグイン「infiniteSlide」ですが、使ってみたら画像が出ない時がありました。その時の解消方法をメモしておきます。

現象として、「毎回表示されない」というわけではなく、ページをいちばん最初に開いた時にのみ画像が出ていない（※ページをリロードすれば表示される）ことから、ページをロード後にスクリプトをスタートさせてみると問題が解消しました。

JQueryは読み込みのタイミングのズレで悩むことが結構あるので、そういう時は今回のようにページをロードさせた後に動かすことで上手くいくケースがあります。

$(window).load(function(){
	$('.Class名').infiniteslide({
		'height': 画像の高さ（px数を入れる）,
		'speed': 速度（値は少ないほど速い）,
		'direction' : 方向（left or right）,
		'pauseonhover': マウスオーバーで止めるかどうか（false or true）
	});
});

関連リンク 無限スクロールするアニメーション「infiniteslide.js」サンプル