[jQuery plugin]imagesLoaded イメージが確実に読み込まれたら実行 | Dantivのブログ

Dantivのブログ

ブログの説明を入力します。

jQueryには$img.load()があるのだがブラウザによってはなかなか上手く行かないことがあるから
こちらの imagesLoaded が出てきました!

ブラウザの対応もかなり充実しており、使い方も簡単です!

ダウンロード先(demoもあります、参考を):
http://desandro.github.com/imagesloaded/


まずはダウンロードしたJSを:<head>..</head>

<script type="text/javascript" src="js/imagesLoaded.js"></script>

内で読み込みます、

そしてこのようにコードを書く、
$(".img").imagesLoaded(function(){
 // TODO
});


完成!


PS:jQuery必要



コアjQuery+プラグイン/jQuery UI 開発実践技法 (Programmer’s S.../翔泳社

Amazon.co.jp
jQueryクックブック/オライリージャパン

Amazon.co.jp