jquery가 마우스 오버시 효과를 전환합니다.

Question

마우스를 올리면서 이미지를 바꾸는 동시에 미리 불투명도를 변경하여 .animate()를 사용하여 페이드 전환을하는 미리보기 이미지가 있습니다. 지금은 대부분 작동하지만 이미지 위에 마우스를 올려 놓고 다른 이미지로 이동하면 그 이미지는 두 번째 이미지를 보여 주며 내가 원하는 이미지가 아닌 첫 번째 이미지를 유지합니다. 나는 언젠가 같이 필요로 한 ㄴ다는 것을 생각한다 : "나의 공중 선회가 일정량보다는 더 적은 경우에 본래 심상 등을 맞댄"가십시오. 이렇게하면 신속하게 롤오버하더라도 모든 미리보기 이미지에 항상 첫 번째 이미지가 표시됩니다. 어떤 코드를 추가해야합니까? 문제를 볼 수 있습니다

링크 : 당신이 마우스를 가져 가면,

http://www.joaoricardomachado.com/ 당신은 지연을 설정해야

Answer 1

(설정하고 타이머를 중지) : http://cargocollective.com/jarrettcreative

이 내가하고 싶은 것입니다 타이머가 애니메이션을 시작할 준비를 시작합니다. 타이머가 코드를 실행 한 적이 없다면 요소를 떠납니다. 그런 다음 javascript setTimeout (code, millisec, lang)을 중지하거나 삭제하십시오. 좋은 설정을 얻으려면 밀리 세컨드를 속일 필요가 있습니다. 지우려면 clearTimeout을 사용하십시오.

더 도움이 될 수 있습니다. stop settimeout in recursive function

Answer 2

.stop() : http://api.jquery.com/stop

$('#my-selector').stop().animate(...); 

.stop() 또 하나는 요소를 위해 대기 할 때 우리가 현재 애니메이션을 중지 할 수 있습니다. .stop()에 대한 몇 가지 옵션이 있으며 API 문서에서 읽을 수 있습니다.