株式会社blow-in

ブログ

WEB制作に関する技術情報やサンプルコードからエクセルや
パワーポイントのお役立ち情報まで幅広くご紹介しています。

簡単にカルーセルを実装できるjquery bxsliderで最後のスライドが表示されてしまう

スマホのスワイプにも対応した高機能カルーセル「jquery.bxslider.js」で、なぜか最後のスライドに設定したはずの画像が一番最初に表示されてしまいました。

どうも、プラグインの後にHTMLを読み込むことで発生するバグのもよう。

とりあえず、「$(window).load」とすることで、回避できました。
という備忘録。

<script>
$(window).load(function(){
	$('.bxslider').bxSlider({
	option設定
	});
});
</script>

事業別ご連絡先

デザイン＆メディア事業blow→in: ［日根野オフィス］
大阪府泉佐野市日根野3963-3-403
TEL.072-468-8786（代）; ［商工会議所オフィス］
大阪府泉佐野市市場西3-2-34-306

@株式会社blow-in