裏紙に書く程度の内容

画像の読み込み完了を伝えてみよう

目次はこちら > jQueryを使う際の25個Tipsを確認してみる

画像の読み込み完了を伝えてみよう

についてです。

画像の読み込み完了を検知する

htmlの<img>タグの画像は非同期で表示されます。

画像の表示完了を検知するには以下のようにします。

$('#image').load(function() {
    var imgWidth = $(this).width();
    var imgHeight = $(this).height();
});

詳細は jQuery HTMLが読み込まれてから処理を行うで。

結論

load(),ready()の違いについて学んでおこう。

URABLO
広告
Index
広告