从外部资源加载图像时执行jQuery代码

Question

我从Facebook获取用户个人资料图片，因此他们的加载时间变化很大。当他们加载我想要调整它们的大小。我有调整大小代码正常工作，但无法在正确的时间获得实际可靠的代码执行。根据我发现这应该有用的信息：

$('.userPic').load(function () {

... code to resize pictures

});

但它似乎并非100％可靠。还有其他提示或提示吗？

由于 尼克斯旺

Answer 1

这很奇怪，当页面加载完毕后，它还加载了所有内部和外部资源。检查以确保如果jquery为您提供宽度，如果是，则加载：

$('.userPic').load(function () {
  if ($(this).width()){
    // resize code....
  }
  else{
    // still loading....
  }
});

width() 给出了图像成功加载后可以计算的宽度。

<强>更新

使用load甚至代替ready处理程序，以确保在代码运行之前加载所有图像：

$(window).load(function(){
  // your code here.......
});