ブログ

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

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

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

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

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

<script>
$(window).load(function(){
	$('.bxslider').bxSlider({
	option設定
	});
});
</script>
投稿日
2014年1月22日
カテゴリー
JavaScript

コメントを残す

デザイン・ポータルサイト事業株式会社blow-in
〒598-0021 大阪府泉佐野市日根野3936-3
サンディア403
TEL.0120-610-322(代)
WEB.https://blow-in.net
  • フェイスブックアカウント
  • インスタグラムアカウント
  • ツイッターアカウント
ブランディング・ネットショップ事業かつらぎフルーツ
〒649-7151 和歌山県かつらぎ町東渋田325-4
TEL.090-3612-3401
WEB.https://katsuragi.shop
  • フェイスブックアカウント
  • インスタグラムアカウント
  • ツイッターアカウント
飲食店事業パンケーキカフェ cafeblow
[泉佐野店]
〒598-0021 大阪府泉佐野市日根野3963-3
TEL.090-5127-9187
[和泉府中店]
〒594-0071 大阪府和泉市府中町1-5-2
TEL.080-2412-3192
WEB.https://cafeblow.com
  • フェイスブックアカウント
  • インスタグラムアカウント
  • ツイッターアカウント
  • line@アカウント
事業別サイト