jQuery悬停效果：图片变小

Question

我想在两个图像之间切换时将鼠标悬停在上面。两幅图像具有相同的尺寸并且全等。

问题是当图像改变时，它有点“跳跃”，比默认图像小，尽管HTML和CSS不会改变，图像尺寸也是相同的。怎么会？

我有以下HTML：

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

的jQuery脚本：

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

有人可以给些建议或暗示这是为什么？ 我不想寻找一个CSS替代品，我想让它与jQuery一起工作！

Answer 1

我发现一个体面的解决方案，即使我还没有解决原来的问题。但是时间很短，不是吗？ jQuery Hover image change animation