썸네일 페이드 아웃 특정 div 페이드 문제

Question

이 코드를 사용하여 롤오버 축소판을 기반으로 div를 숨기거나 표시합니다.

$(document).ready(function(){ 
    $('div.infodiv').hide(); 
    $(".website_thumbs a").hover(
    function(){ 
     var name = $(this).attr("name"); 
     $(".infodiv").stop(); 
     $("."+name).fadeIn(); 
    }, 
    function(){ 
     var name = $(this).attr("name"); 
     $("."+name).fadeTo(7000,1).fadeOut(); 
    }); 
}); 

스크립트는 축소판에서 이름 속성을 가져오고 해당 클래스와 함께 div를 표시합니다. 각 div는 .infodiv 클래스를 공유하지만 각 축소판에 고유 한 클래스가 있습니다.

기능은 기본적으로 원하는 부분이지만 미리보기 이미지를 스크롤하면 일부 div는 일종의 반대로 변색되고 일을 멈추지 않으면 일회 중지됩니다. 그들은 다시 사용할 수 있습니다.

저는 jQuery에 조금 익숙해졌으며 어떤 도움을 주셨습니다.

Answer 1

$ (". infodiv")을 제거해보십시오. stop(); line - 모든 infodiv가 애니메이션을 멈추게합니다.

Answer 2

솔루션은 결국 hoverIntent 플러그인이되었습니다.