即使置於$（窗口）內，我也會得到$（image）.width（）== 0 .load

Question

我想調整大於窗口大小的圖像，但當我嘗試獲取圖像大小。我在某處讀到這可能是因爲圖像不一定在（document）.ready中加載，所以圖像函數應該放在（window）.load下，但是沒用。我是一個真正的新手，當涉及到jQuery和JavaScript，所以我可能做錯了什麼。

這是我的JavaScript文件的外觀：提前

//<!-- 
$(document).ready(function(){ 
    ... 
}); 

$(window).load(function() { 

    $(".lightbox img").each(function() { 

     var width = $(this).width(); 
     var max_width = $(window).width()-30; 
     var height = $(this).height();   
     var max_height = $(window).height()-30; 

     if(width > max_width || height > max_height) { 
      if(height > width) { 
       height = max_height; 
       width = Math.ceil(width/height * max_height); 
      } else { 
       width = max_width; 
       height = Math.ceil(height/width * max_width); 
      } 
     } 

     $(this).attr("width",width); 
     $(this).attr("height",height); 

    }); 
}); 

//--> 

感謝。

Answer 1

看看this project圖像時已加載，提供了一個回調。

你可能沒有獲得維度的另一個原因是一個不可見的元素（父母或自我）。

Answer 2

嘗試$(this).css("width")，而不是attr

Answer 3

當窗口加載時，圖像尚未加載。在加載完完全之前，JavaScript無法獲取圖片的尺寸，並且在此之前，您會得到零計算值。

考慮到這一點，重複循環可能會有所幫助。 （警告：未經測試）

var width = 0; 
while (!width) { 
    width = $(this).width(); 
} 

請注意無限循環。