请教图片滚动问题

Question

原来下面的代码是可以正常滚动的：
#]<DIV class=mod-banner id=schoolPhoto>
<DIV id=focus_img>
<UL class=thumbListStlye4>
  <LI>
  <DIV class=pe_u_thumb>
<IMG height=120  src="233.jpg" width=160 
  border=0></DIV>
  <DIV class=pe_u_thumb_title>
  校园风采1</DIV></LI>
  <LI>
  <DIV class=pe_u_thumb>
<IMG height=120  src="234jpg" width=160 
  border=0></DIV>
  <DIV class=pe_u_thumb_title>
  校园风采2</DIV></LI>
  <LI>
  <DIV class=pe_u_thumb>
<IMG height=120  src="235.jpg" width=160 
  border=0></DIV>
  <DIV class=pe_u_thumb_title>
  校园风采3</DIV></LI>
  </UL></DIV><SPAN class=btn id=btn_focus_next></SPAN><SPAN 
class=btn id=btn_focus_prev></SPAN></DIV>
<SCRIPT type=text/javascript>
$(function(){
var clearTimer = null;
var SleepTime = 2000;   //停留时长，单位毫秒
$("#focus_img").jCarouselLite({
    btnNext: "#btn_focus_next",
    btnPrev: "#btn_focus_prev",
visible: 5,
scroll:5,
speed: 1000,//滚动速度，单位毫秒
auto:5000,
mouseOver:true
});
});</SCRIPT>
<!--校园风采结束-->
后来我修改成用控件的形式
<DIV class=mod-banner id=schoolPhoto>
<DIV id=focus_img>
 <asp:DataList ID="DataList3" runat="server"  Width =500 >
                  <ItemTemplate>
<UL class=thumbListStlye4>
  <LI>
  <DIV class=pe_u_thumb>
<IMG height=120  src="<%#Eval("defaultpic")%>" width=160 
  border=0></DIV>
  <DIV class=pe_u_thumb_title> 
  <%# Eval("Title")%></DIV></LI>
  </UL></ItemTemplate>
                  </asp:DataList></DIV><SPAN class=btn id=btn_focus_next></SPAN><SPAN 
class=btn id=btn_focus_prev></SPAN></DIV>
。
图片是可以滚动，但图片滚动一次后，就全部消失，好像没有循环？不知为什么？谢谢！！