圖像在Internet Explorer的所有版本上顯示不正確

Question

我有以下Javascript代碼調整頁面上的圖像大小：

    var max_size = 498;
    $(".slideimage").each(function(i) {
      if ($(this).height() > $(this).width()) {
        var h = max_size;
        var w = Math.ceil($(this).width() / $(this).height() * max_size);
      } else {
        var w = max_size;
        var h = Math.ceil($(this).height() / $(this).width() * max_size);
      }
      $(this).css({ height: h, width: w });
    });

此代碼包含在$（document）.ready（）函數中。

在Chrome，Firefox，Safari和Opera中查看時，圖像顯示正常。 但是，當在Internet Explorer 7,8和9中查看同一頁面時，有時（好的，50％的時間）首次加載頁面時，圖像以正確的寬度顯示，但高度實際上非常小。 我估計高度約為100px。 但是當重新加載頁面時，相同的圖像將完美顯示。

這是一個奇怪的問題，只發生在IE中。 我是否需要在該代碼中添加或刪除任何內容？

干杯

Answer 1

document.ready（）可能在頁面上加載了所有圖像之前發生，因此報告的高度和寬度可以是0，或者在100的情況下。

您需要等待頁面的圖像加載才能可靠地找到它們的大小，特別是在IE上。