jQuery cycle fade on hover

Question

하나의 이미지를 가져 오는 가장 좋은 방법은 마우스를 올려 놓았을 때 반환하기 전에 일련의 다른 이미지 (예 : 3 또는 4)로 페이드 인/아웃을 반복하는 것입니다. 원래로 돌아가는거야? 또한 이미지에서 마우스를 움직이면 이미지가 변색되거나 변경되는 것을 멈추고 원본 이미지로 돌아갑니다.

도움을 주시면 감사하겠습니다.

감사합니다.

Answer 1

window.setTimeout 함수로 전환하려는 객체의 mouseover 이벤트 (또는 외부 라이브러리를 사용하는 경우 마우스를 올리면)가 표시됩니다. 사용자의 마우스가 창 밖으로 나왔을 때 취소 할 수 있도록 타임 아웃 ID를 저장하십시오. 그런 다음 window.setTimeout이 그림을 스크롤합니다.

이 같은 아마 뭔가 : 호버 콜백 매개 변수를 가지고 있기 때문에이 도움이

$(function(){ 

    $("#test").hover(function(e) { 
     $.data("timeout", window.setTimeout(function() { 
      //Transition here 
     })); 
    }), function(e) { 
     window.clearTimeout($.data("timeout")); 
     //Put image back to normal 
    }); 

}); 

희망,

jmax에