日期:2014-05-20  浏览次数:20366 次

动态网页里添加带左右箭头切换图片的效果
如题,在网上找了一些静态的,不知道怎么套用,图片是从数据库中取出来的,求大侠指点一二~

------解决方案--------------------
HTML code

<!-- 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 -->