动态网页里添加带左右箭头切换图片的效果解决思路

<!-- picrotate_left start  --><DIV class=blk_18><A onmouseup=ISL_StopUp_1() class=LeftBotton onmousedown=ISL_GoUp_1() onmouseout=ISL_StopUp_1() href="javascript:void(0);" target=_self></A><DIV class=pcont id=ISL_Cont_1><DIV class=ScrCont style="margin-top:8px;"><DIV id=List1_1><!-- piclist begin -->    <asp:Repeater ID="rptHotProduct" runat="server" >        <ItemTemplate>            <A class=pl href='Product_TitleList_Content.aspx?NewsID=<%#Eval("NewsID")%>&NewsClassID=<%#Eval("NewsClassID")%>' target=_blank><IMG height=99 src='UpImage/<%#Eval("BigPic")%>' width=99></A>        </ItemTemplate>    </asp:Repeater><%--<A class=pl href="http://www.lanrentuku.com/" target=_blank><IMG height=99 alt=20-50元夏装抢疯 src="http://www.baidu.com/img/baidu_logo.gif" width=99></A><A class=pl href="http://www.lanrentuku.com/" target=_blank><IMG height=99 alt=20-50元夏装抢疯 src="http://www.baidu.com/img/baidu_logo.gif" width=99></A><A class=pl href="http://www.lanrentuku.com/" target=_blank><IMG height=99 alt=20-50元夏装抢疯 src="http://www.baidu.com/img/baidu_logo.gif" width=99></A><A class=pl href="http://www.lanrentuku.com/" target=_blank><IMG height=99 alt=20-50元夏装抢疯 src="http://www.baidu.com/img/baidu_logo.gif" width=99></A><A class=pl href="http://www.lanrentuku.com/" target=_blank><IMG height=99 alt=20-50元夏装抢疯 src="http://www.baidu.com/img/baidu_logo.gif" width=99></A><A class=pl href="http://www.lanrentuku.com/" target=_blank><IMG height=99 alt=20-50元夏装抢疯 src="http://www.baidu.com/img/baidu_logo.gif" width=99 ></A><A class=pl href="http://www.lanrentuku.com/" target=_blank><IMG height=99 alt=20-50元夏装抢疯 src="http://www.baidu.com/img/baidu_logo.gif" width=99></A>--%> <!-- piclist end --></DIV><DIV id=List2_1></DIV></DIV></DIV><A onmouseup=ISL_StopDown_1() class=RightBotton onmousedown=ISL_GoDown_1() onmouseout=ISL_StopDown_1() href="javascript:void(0);" target=_self></A></DIV><SCRIPT type=text/javascript><!--picrun_ini()//--></SCRIPT><!-- picrotate_left end -->