$(img).load() 和/或 img.onload=... 中的 img.width 和 img.height 在 IE8 中返回垃圾值

Question

我知道这个话题被讨论了很多，但我找不到任何适合我的解决方案。所以，我的代码大致是：

 var img =me.images[curID]
 var f = function() {
      var i = $(img);
      img.onload = null;
      $(img).unbind('load');
      var iH = img.height; /*works for Firefox, Safari, Opera, Chrome*/
      var iW = img.width;
      if (jQuery.browser.msie) {
          /*nothing works*/
          iH = i.width(); /* returns 0*/
          iH = i.attr('height'); /*returns undefined*/
          iH = img.height; /*returns wrong 120:30 px instead of 1000:410 */
          /*once page is reloaded - everything is fine */
      }
 }

 src = img.src;
 if ( (!img.complete) ||  
       (typeof img.naturalWidth != 'undefined' && img.naturalWidth == 0)
     ) {  /*WAIT FOR LOAD*/
        img.src = "";
        $(img).load(f);
        img.onload = f;
        img.src = src;  
 } else { /*SHOW */
        f.apply(img);
 }

我做错了什么？

p/s/ 图像位于褪色的 div 内，所以我基本上想在淡入之前调整图像大小。

编辑1：关于我的数组的一些信息：

....
this.slides = this.slidesContainer.children();
this.n = this.slides.length;
for (var i=0;i<this.n;i++) {
    var im = this.slides.eq(i).find('img:first')[0];    
    var sr = im.src;
    this.images[i]    = im;
    this.imagesSrc[i] = sr; 
}
...

编辑2：我重写了一点代码（添加了加载），所以现在它到处都会触发（IE / FF / Opera / Safari / ...） 程序流程（IE8）如下：

1. 等待加载
2. onload 被触发（如果我评论它 - jQuery().load 被触发）。
3. 在f（）内部：img.width = 120，img.height = 30（似乎没有加载。正确的宽度/高度是1000x410）

很难说是什么触发了它，因为它并不总是发生，甚至在图像时也不会总是发生没有兑现。但时不时地，我会看到那些奇怪的宽度/高度。

EDIT3：有一些关于如何加载图像的解决方案（这里 和 此处)，在一个 .onload 中使用,在另一个 - .load 中，我同时使用两者，因此即使代码可能不是最佳且非常整洁，也应该没问题。

Answer 1

如果您使用 jQuery 尝试使用 jQuery 的方式获取图像。

而不是 var img =me.images[curID] 只需执行以下操作：

var img = $('img#imageID');

//get height:  
img.height()
//get width:
img.width();