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