Question

我需要做一些事情，比如跨度悬停，图像变大（从75％到100％大小）。我试过像

这样的东西

$("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％，而不是缩小/增加尺寸。

任何帮助？

感谢。

Answer 1

正如@HasanAyan所说，您正在调整图像容器的大小。如果图片位于网站的body，则您会尝试使用width:100%页面的所有宽度。

您应该指定像素。

对于它，您可以使用jQuery的height()和width()函数，并获得原始大小以便以后使用它：

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

这里有一个工作示例： http://jsfiddle.net/bX3GU/

jQuery图像调整大小

1 个答案: