jquery - jQuery图像调整大小

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/