如何在鼠標懸停在圖像中時顯示圖像？

Question

我試圖找到一種方法，當鼠標懸停在上面時，使用jQuery和fancybox來顯示圖片。我知道那裏有.hover，但不知道如何使用它。

這就是我點擊圖片的方式。

$("a#single_image").fancybox({    
'transitionIn'  : 'none', 
'transitionOut'  : 'none', 
'titlePosition' : 'over' 
}); 

Answer 1

對於.hover（），您將需要放入兩個函數，一個用於鼠標懸停，另一個用於鼠標離開。

$("a#single_image").hover(function() { 
    $('#myImage').show('slow'); 
}, function() { 
    $('#myImage').hide('slow'); 
});