2011-04-21 4 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

+0

myImage에 많은 이미지를 설정한다는 것은 무엇입니까? 그렇다면 수업에 어떻게 바꿀 수 있습니까? – EnexoOnoma

+0

동일한 ID를 가진 페이지에는 둘 이상의 요소가 없어야합니다. 그렇게하고 싶다면 실제로 수업으로 전환해야합니다. jQuery에서 #id는 ID를 선택하고 .class는 클래스를 선택합니다. 따라서 $ ('. myImage')를 사용하여 class = "myImage"인 모든 이미지를 선택하십시오. – thugsb

관련 문제