javascript - 如何确定 IE 中动态加载图像的 img 宽度/高度？

Question

我的标记是一个简单的 div 元素，其 ID 为“load”。然后我使用 jQuery 将图像元素列表加载到这个 div 中:

$('#load').load('images.html', { }, function() {
  $(this).onImagesLoad({
    selectorCallback: function() {
      ....do something....
    }
  });
});

其中 images.html 是这样的列表:

<img src='1.jpg' caption='img 1'>
<img src='2.jpg' caption='img 2'>
...

为了确保所有图像都完全加载，我使用了 onImagesLoad插入。到目前为止，这在所有浏览器上都运行良好。

但是，在 IE8 上(我假设还有其他版本的 IE)当我遍历 img 元素时，我无法确定加载图像的宽度/高度。 image.context.naturalWidth 和 naturalHeight 属性似乎不起作用。

我如何掌握图像的尺寸？

谢谢堆:)

更新

@Simon:这在 IE 上不起作用，并且也破坏了其他浏览器。

@Jenechka:如果“imageDomElement”只是我上面示例中“image”变量的另一个名称，那么它不起作用。或者你所说的 DomElement 是什么意思？

Answer 1

如果您还没有调整图像大小，您可以使用:

image.width()

和

image.height()