ImagesLoaded アニメーションを多様するようなWebページを作っていると「画像が読み込まれるのが遅くてうまくいかない!」、「画像がちゃんと読み込まれてから関数を実行させたい!」といった場面にぶち当たることが出て来きます。 そんなときに便利なのが「ImagesLoaded」!非常に簡単な記述で、要望を満たしてくれます。 必要なもの 公式ページがあるのでそちらから必要ファイルをダウンロードしてきます。 1つしかありません! <script src="js/imagesloaded.pkgd.min.js" type="text/javascript"></script> 使い方 使い方も至極単純です。通常のJSで使う場合のほかに、jQueryなどの書き方もあります。 //通常の書き方 imagesLoaded( '#container', function() {/*実行させたい処理
![画像がちゃんと読み込まれたら実行 を実現する ImagesLoaded ! | ARAKAZE NOTE](https://cdn-ak-scissors.b.st-hatena.com/image/square/9cb0f75518be2d8538f6032905b48ad0f8ef4aec/height=288;version=1;width=512/http%3A%2F%2Farakaze.ready.jp%2Fwp-content%2Fuploads%2F2014%2F04%2Fposts_photo3.jpg)