淡出图片，淡入另一张图片

HTML

<div id="gallery">
    <!--淡入淡出的图片-->
    <img id="pic" src="images/sample5.jpg" alt="花朵" />  
</div>
                        

JS

 $(document).ready(function(){              //在页就绪事件中，关联事件处理代码
		$("#gallery").hover(function(){	  //为div关联hover事件
			$(this).find("#pic").fadeOut();  //淡出当前的图片
		}, function() {	                   //鼠标移出时
		   //判断是否需要切换显示的图片
		   if($("#pic").attr("src")=="images/sample5.jpg"){
     		    $("#pic").attr("src","images/sample2.jpg");	    
		   }else
		   {
     		    $("#pic").attr("src","images/sample5.jpg");	    			   
		   };
			$(this).find("#pic").fadeIn();	  //淡入设置好的图片
		});
});