jQuery图像大小调整

我需要做一些事情，比如当跨度悬停在上方时，图像会变大（从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%，而不是缩小/增大大小

有什么帮助吗

---

谢谢。

正如@HasanAyan所说，您正在根据图像容器调整图像大小。 如果图像位于站点的

正文

，您将尝试使用

宽度为100%的页面的所有宽度

您应该指定像素

对于它，您可以使用jQuery的
height（）
和
width（）
函数，获取原始大小以便以后使用：

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

这里有一个工作示例：
我不能确切地说我遇到了问题，但我希望您知道宽度：75%是相对于父元素的宽度计算的。请使用硬编码值尝试：100px到200px回到100px，看看这是否是一个百分比问题。父容器可能正在扩展以适应新的大小。