jquery翻轉圖像移動位置（jquery-hover）

我是jquery noob，遇到圖像停留在位置時遇到問題。我有一個jquery-hover函數，它捕獲圖像的src屬性，並將其替換爲名爲「over」的屬性值。實際的圖像替換工作正常，但是當mouseenter事件觸發時，翻轉圖像在y軸下方約出現10％。我正在尋找一個完整的重疊「替換」一個圖像與另一個沒有翻轉圖像出現在不同的位置。這裏的功能：jquery翻轉圖像移動位置（jquery-hover）

function createRollovers() 
{ 
    var origImg =""; 
    $(".swapImage").hover (
    function() { 
     origImg = ($(this).attr("src")); 
     $(this).attr("src", ($(this).attr("over"))); 
    }, 
    function() { 
     $(this).attr("src", origImg); 
    } 
); 
}

HTML如下：

<div id="rightSide"> 
    <img class="swapImage" over="images/principlesBar_hover.jpg" src="images/principlesBar.jpg" /> 
    <img class="swapImage" over="images/processBar_hover.jpg" src="images/processBar.jpg" /> 
    <img class="swapImage" over="images/productsBar_hover.jpg" src="images/productsBar.jpg" /> 
</div>

我敢肯定，這是一件很簡單的是更有經驗的人會在心跳看到的。預先感謝您的幫助。

來源

2011-01-28 phiNole

聽起來像你懸停圖像具有不同的尺寸......他們是完全一樣的大小？ – 2011-01-28 05:55:50