Jquery hover lock 위로

이 이미지 스위치 페이드 애니메이션은 마우스를 뗄 때 잠기고 다음 mouseover 때까지 'facebookblue.png'를 그대로 둡니다. Jquery hover lock 위로

$("#facebookrollover").hover(function(){ 
    $("#facebookimg").stop(true, true).ImageSwitch({NewImage:"facebookblue.png", Speed:200}); 
}, 
function(){ 
    $("#facebookimg").stop(true, true).ImageSwitch({NewImage:"facebookgrey.png", Speed:400}); 
});

그리고 HTML 부분 :

<a id="facebookrollover" href="http://www.facebook.com"><img id="facebookimg" src="facebookgrey.png" alt="Facebook" /></a>

아, 그리고 내가 imageswitch의 jQuery 플러그인을 사용하고 있지만, 단지 불투명도를 변경할 때이 같은 문제를 얻을 이후, 즉 문제가 있음을 의심한다. 기본적으로 숨겨져 a 한 내부 공간이 개 img 태그 및 :hover에 therir display 속성을 전환 :

출처

2011-05-16 Nils

ImageSwitch가이 문제의 원인입니다. [author] (http://www.hieu.co.uk/blog/index.php/imageswitch/)에 버그를 신고해야합니다. 그러면 버그가 수정 될 수 있기를 바랍니다. 슬프게도, jsFiddle이 다운되었습니다. 그렇지 않으면 스위처를 만들 것입니다. – mekwall

간단한 jquery로 src 속성의 값을 변경하지 않는 이유는 무엇입니까? –

는 당신은 CSS를 사용하여이 작업을 수행 할 수 있습니다. 또는 스프라이트로 결합하고 배경 위치를 변경하는 것이 더 좋습니다.

출처

2011-05-16 10:24:22 Litek

그래도이 애니메이션을 적용 할 수 있습니까? – Nils

죄송합니다. 속도 부분이 꺼졌습니다. CSS 애니메이션을 할 수는 있지만 최신 브라우저에서만 작동합니다. – Litek

Jquery hover lock 위로

답변

관련 문제