javascript - 将 jquery 调用附加到图像加载

Question

我正在尝试合并一个脚本(我相信是由“dystroy”编写的)，该脚本将图像在 div 内垂直居中，并 overflow hidden 。它工作得很好，但我的许多图像都是在鼠标悬停时动态加载的。

我需要找到一种在图像加载时调用脚本的方法。已经两天了，由于 JS/JQuery 不是我的母语，我在这里找到了自己。

任何人都可以建议我如何在图像加载时触发以下内容？非常感谢!

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
  $('.container').each(function () {
    var $img = $(this).find('img');
    $(this).scrollTop(($img.height() - $(this).height()) / 2);
    $(this).scrollLeft(($img.width() - $(this).width()) / 2);
  });
});
//]]></script>  

Answer 1

$(document).ready(... 将等到页面上的所有内容(包括图像)加载完毕后再执行该函数。

<script type='text/javascript'>//<![CDATA[ 
$(document).ready(function(){
  $('.container').each(function () {
    var $img = $(this).find('img');
    $(this).scrollTop(($img.height() - $(this).height()) / 2);
    $(this).scrollLeft(($img.width() - $(this).width()) / 2);
    });
});
//]]></script>