jQuery悬停效果：图像变小

我想在悬停在两个图像之间切换。两个图像具有相同的维度，并且是一致的

问题是，当图像发生变化时，它会有点“跳跃”，并变得比默认图像小，尽管HTML和CSS不会发生变化，并且图像的维度相同。怎么回事？

我有以下HTML：

<img src="image.png" class="image" />

<script  type='text/javascript'>
    $(document).ready(function(){
        $(".image").hover(
            function() {$(this).attr("src","image-hover.png");}, 
            function() {$(this).attr("src","image.png");
        });
    });
</script>

jQuery脚本：

<img src="image.png" class="image" />

<script  type='text/javascript'>
    $(document).ready(function(){
        $(".image").hover(
            function() {$(this).attr("src","image-hover.png");}, 
            function() {$(this).attr("src","image.png");
        });
    });
</script>

$（文档）.ready（函数（）{
$（“.image”）。悬停(
函数（）{$（this.attr（“src”，“image hover.png”）；}，
函数（）{$（this.attr（“src”，“image.png”）；
});
});

---

有人能给出一些建议或提示为什么会这样吗我不是在寻找CSS替代方案，我想让它与jQuery一起工作

我找到了一个不错的解决方案，尽管我还没有解决原来的问题。但是时间很短，不是吗

可在以下网址找到：

---

如果某些脚本已经将原始（悬停前）图像放大了，您是否可以创建一个？如果不看完整的代码，很难判断。可能是一个JSFIDLE？如果没有复制的演示，问题是什么，任何人都猜得到。问题是，我使用的是一个sass框架，它可能是编译到css的许多文件中的任何一个。。。我认为这可能是jQuery的一个常见问题。我不知道如何搜索它，因为“跳转图像”并没有得到解决方案，也没有非常平滑的过渡。