2011-04-21 185 views
0

我试图找到一种方法,当鼠标悬停在上面时,使用jQuery和fancybox来显示图片。我知道那里有.hover,但不知道如何使用它。如何在鼠标悬停在图像中时显示图像?

这就是我点击图片的方式。

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

回答

0

对于.hover(),您将需要放入两个函数,一个用于鼠标悬停,另一个用于鼠标离开。

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

我将'a'的id设置为single_image(原样),并将图像的id设置为myImage?如果是这样,它不起作用... – EnexoOnoma 2011-04-21 20:51:17

+0

它有什么要做,我设置了许多图像myImage?如果是的话,我怎么能改变它上课? – EnexoOnoma 2011-04-21 20:52:24

+0

您不应该在具有相同ID的页面上拥有多个元素。如果你想这样做,你应该切换到类。在jQuery中,#id选择和ID和.class选择一个类。因此,使用$('。myImage')来选择所有具有class =“myImage”的图像。 – thugsb 2011-05-05 17:22:36

相关问题