jQuery圖像調整大小

我需要做一些事情，比如跨度盤旋時，圖像變大（從75％到100％的大小）。我想是這樣jQuery圖像調整大小

$("img#myselector").css("width", "75%"); 
$("img#myselector").css("max-width", "75%"); 
$("img#myselector").css("height", auto"); 
//mouse enters the span 
$("img#myselector").css("width", "100%"); 
$("img#myselector").css("max-width", "100%"); 
//mouse leaves the span 
$("img#myselector").css("width", "75%"); 
$("img#myselector").css("max-width", "75%");

但這炸燬了圖像200％正常大小，而不是縮小/增大尺寸。

任何幫助？

謝謝。

來源

2013-03-25 It' sNotALie.

我可以不是說我確切地知道了問題，但我希望你知道這個寬度：75％是根據父元素的寬度計算的。 – Hasan 2013-03-25 16:34:36

嘗試使用硬編碼值：100px到200px返回100px，看看它是否是百分比問題。父容器可能會擴展以適應新的大小。 – 2013-03-25 16:36:19

正如@HananAyan所說，你正在調整圖像的容器相對於圖像的大小。如果圖片位於網站的body中，您將嘗試使用width:100%的頁面寬度。

您應該指定像素。

對於它，你可以利用的jQuery height()和width()功能，並獲得原始大小後用它來操作：

var originalWidth = $('#myselector').width();

這裏有一個例子工作： http://jsfiddle.net/bX3GU/

來源

2013-03-25 16:52:43 Alvaro

jQuery圖像調整大小

回答

相關問題