bxsliderで一瞬二枚目以降の画像が表示されてしまい恥ずかしい思いをする時には | Moral Hazard!! | モラルハザード!!画像をスライドさせるjQueryスライダー「bxslider」。画面サイズに合わせて拡大縮小機能もついているので、非常に便利で私もよく使っております。 ただ横幅一杯に使う場合はどうしても画像が大きくなりがちで、その場合ページの読み込みに時間がかかり、一瞬2枚目以降の画像が表示されてしまうことがあります。 これを簡単に解決するためは、jQueryで2枚目以降の画像を表示する時間を遅らせます。 html <ul class="bxslider"> <li><img id="img1" src="http://test.com/test1.jpg" /></li> <li><img id="img2" src="http://test.com/test2.jpg" /></li> <li><img id="img3" src="http://test.com/test3.jpg" /></li>
