Jquery Resizable圖像大小問題

使用jQuery可調整大小時不會自動檢測圖像大小。 Firefox和IE都顯示圖像小得多，並且chrome完全不顯示。我似乎無法找到這個問題的直接答案。這怎麼解決。Jquery Resizable圖像大小問題

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/base/jquery-ui.css" type="text/css" media="all"> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"> 
</script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js" type="text/javascript"> 
</script> 

    <img src="http://www.carsyouwilldrive.com/wp-content/uploads/2009/06/futurecar1.jpg"> <script type="text/javascript"> 
$("img").resizable(); 
    </script>

來源

2011-01-12 Hussein

可以稱之爲你發送一個鏈接到頁面，或者代碼爲頁面的其餘部分？謝謝:) – 2011-01-12 03:55:49

沒有頁面或代碼的其餘部分。只需運行上面的代碼，看看我在做什麼。 – Hussein 2011-01-12 03:56:53

@alex在jsfiddle中顯示正常：http://jsfiddle.net/Damien_at_SF/cLWcx/ – 2011-01-12 03:58:33

不知道爲什麼webkit的行爲是這樣的。

解決方法是確保在圖像的load-event完成後調用resizable。

$("img").load(function() { 
    $("img").resizable(); 
});

在一個不相關的側面說明，它會更好，如果你

給圖像的ID並使用該ID
關閉img標籤正確

來源

2011-01-12 04:43:55 naveen

@alex顯示調整圖像大小的正確方法。我在Chrome上測試它顯示實際高度&寬度。請重新配置您的瀏覽器。有時瀏覽器沒有配置好..所以它發生..請檢查代碼http://bit.ly/gM8sSD

來源

2011-01-12 04:40:55

Jquery Resizable圖像大小問題

回答

相關問題