이미지 롤오버 효과가 jquery에 있습니까? 여기

Question

내 코드 -

$('.smenu li').mouseover(function(){ 
     var src = $(this).find('a').attr('href'); 
     $('.hbg').css('background-image', 'url(' + src + ')'); 
     }); 

HTML 코드 -이 잘 일하는되지만 지금은 그냥 함께 backgroun에 이미지를 변경하기 때문에 어떻게 내가 이미지 변경 중 일부 롤오버 효과를 설정

<div class="smenu"> 
       <ul> 
        <li ><a href="images/hosp.jpg"><img src="images/menu_hosp.jpg" border="0"></a></li> 
        <li ><a href="images/edu.jpg"><img src="images/menu_edu.jpg" border="0"></a></li> 
        <li ><a href="images/enter.jpg"><img src="images/menu_enter.jpg" border="0"></a></li> 
        <li ><a href="images/retail.jpg"><img src="images/menu_retail.jpg" border="0"></a></li>      
       </ul> 
       </div> 

마우스 오버시 플래시, 페이드 인 또는 다른 것 페이드 인을 원합니다 ...

Answer 1

저는 전에 이런 문제가있었습니다. 현재 표시된 이미지를 가져 와서 배경에 넣어야합니다. 그런 다음 배경 위에 img 태그를 삽입 (숨김)하고 이미지 태그에 다음 이미지를로드 한 다음 페이드 인하십시오. 이렇게하면 작업이 상당히 간단 해집니다.

거기에서 더 멋진 이미지를 볼 수 있습니다.