请教大家一个关于特效的问题！

<script  type="text/javascript">
var size = 9;
var jump = 0;
function show(){
for(var i=0;i<size;i++){
  if(jump==i){
     $("#a"+jump).fadeIn(3000);

  } else {
     $("#a"+i).attr("style","display:none");
  }
}
jump++
if(jump == size){
   jump=0;
}
}
</script><script type="text/javascript">
  $(document).ready(function(){
     setInterval("show();",500);
  });
</script>
<%
    for(int i=0;i<list.size();i++){
    
%>
  <div> <div style="float: left;  display: none;" id="a<%=i %>"><img src="image/<%=list.get(i).getPicName()%>" width="530" height="300"/></div></div>
<%
    }
%>
我得到的效果是：图片出来的时候是渐渐的出来，而消失的时候却是一下就消失了，我想要的结果是：在这个DIV里边，图片一个一个的出来，出来的时候是渐渐的出来，而消失的时候也是渐渐的消失。我试过，将“$("#a"+i).attr("style","display:none");”这里改成“$("#a"+i).fadeOut(3000);”但是效果却是：全部以竖排，渐渐地显示出来，然后全部渐渐地消失，下边的又接着浮上去！不知道我的叙述清楚不？还请大家帮忙看看，怎么回事！