獲取和設置圖像大小無法在Safari瀏覽器中工作

Question

我在頁面上顯示幾張大圖片，因此當我執行移動網頁時，我想在iPhone上查看時調整它們的大小。

因而我提出的代碼等

<img src="http://www.wallsave.com/wallpapers/1920x1080/world-of-warcraft-cataclysm/443482/world-of-warcraft-cataclysm-games-trading-card-game-443482.jpg" /> 
<img src="http://www.wallsave.com/wallpapers/1920x1080/world-of-warcraft-cataclysm/443482/world-of-warcraft-cataclysm-games-trading-card-game-443482.jpg" /> 
<img src="http://www.wallsave.com/wallpapers/1920x1080/world-of-warcraft-cataclysm/443482/world-of-warcraft-cataclysm-games-trading-card-game-443482.jpg" /> 

<script type="text/javascript"> 
$(function(){ 
    var w=$(window).width(); 

    $("img").each(function(){ 
     alert($(this).width());//shows 'zero' 

     if($(this).width()>w){ 
      var nw=w-60; 
      alert(nw); 
      $(this).css('width',nw+"px"); 
      $(this).css('height','auto'); 
     } 
    }); 
}); 
</script> 

代碼正在上iphone鉻細，但是在Safari觀察時，沒有發生調整大小。另一個奇怪的是我嘗試提醒圖像大小，但不斷收到「零」警報。

Answer 1

必須調用函數

<script src='jquery.js'></script> 
    <script type="text/javascript"> 
      $(document).ready(function(){ 
       var w=$(window).width(); 

       $("img").each(function(){ 
        alert($(this).width());//shows 'zero' 

        if($(this).width()>w){ 
         var nw=w-60; 
         alert(nw); 
         $(this).css('width',nw+"px"); 
         $(this).css('height','auto'); 
        } 
       }); 
      }); 

     </script> 

Answer 2

你應該等到加載圖像，是這樣的：

$("img").each(function(){ 
    $(this).load(function() { 
     if($(this).width()>w){ 
      var nw=w-60; 
      $(this).css('width',nw+"px"); 
      $(this).css('height','auto'); 
     } 
    }); 
});