jQuery
jQueryプラグイン
infiniteslide

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

More than 1 year has passed since last update.

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

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

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

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

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

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