LoginSignup
2

More than 5 years have passed since last update.

【jQueryプラグインinfiniteSlide.js】が上手く動かないとき

Posted at

画像を繰り返しで横スライドさせるjQueryプラグインinfiniteSlide.jsというものがあります。
https://github.com/woodroots/infiniteslide

シンプルで使いやすいプラグインなのですが、ある環境でつかったら、stack overflowでエラーになったり、画像がうまく読み込めなかったりしました。
どうやら、画像の読み込みが重かったり遅かったりすると、上手くいかないようなのです。
(画像の幅を計測して、それをボックスの総幅として処理が進むようで、そのときに画像がうまく読み込まれていないと、幅が0とかになったりしちゃうようです)

$(function(){
    $('.infiniteslide').infiniteslide();
});

って実行しているところを

$(window).load(function(){
    $('.infiniteslide').infiniteslide();
});

という風にすると、画像が全部読み込まれてから実行されるので、エラーとかはなくなるようです。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2