jquery - 画像ソース変更後の jQuery 呼び出し関数

Question

親指のリストと、大きな画像である 1 つの大きな領域があります。各サムをクリックすると、クリックしたサムに応じて大きな画像のソースが変わります。

大きな領域内にある画像のサイズを変更する機能もあります

$('#thumbImg').click(function(){
  var newSrc = $(this).attr('src');             
  $('#bigArea img').attr('src',newSrc);
  resizeImage();
});

アラートがあり、親指をクリックするたびに表示されるため、関数内に入ることができます。しかし、問題は、関数が前の画像の幅と高さを読み取るためだと思います。画像が変更された直後に関数を呼び出す方法はありますか??

皆さんありがとう

score 2 · Accepted Answer

.load()関数をハンドラーとしてバインドします。

$('#thumbImg').click(function() {

    var newSrc = $(this).attr('src'); 

    $('#bigArea img').one('load', resizeImage).attr('src',newSrc);

});

編集:.oneクリック/ロード後にハンドラーが削除されるように使用するように変更されました。ハンドラーを最初にバインドすることもできると思う#bigArea imgので、新しい画像が読み込まれるたびに起動します。

1 に答える 1