js控制左右切换图片问题

Question

大家好：
     如上图 请问带左右箭头或按钮切换控制的滚动图片的JS特效如何编写~~
     原理是怎样实现的· 越简单越好~！！
     或者谁有更好更有的解决办法都可以发上来~小弟不才 在此感谢了...
     

Answer 1

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ProductCenter.ascx.cs" Inherits="include_ProductCenter" %>
  <div  class="chanpinnextprv"> <img id="LeftArr" src="images/p_left.gif"  alt="上一页"/></div>
    <div style="  width:362px;  float:left; margin:0 auto ">
        <div class="chanpin" id="ISL_Cont_1">
        <ul >
         <asp:Repeater ID="rpProductCenter" runat="server">
            <ItemTemplate>
                <li>
                 <div class="img_p"  >
                 <a href="../ProductBrowse.aspx?viewid=<%#Eval("productid") %>">
                 <img src="<%#"adminmeberlogin/" + Eval("productsimgurl")%>" alt="<%#Eval("ProductSortName")%>"/></a></div>
                 <div style="width:68px;"><%#Eval("ProductSortName")%></div>
              </li>
            </ItemTemplate>
         </asp:Repeater>
     </ul>
    </div>
    
    </div>
     <div  class="chanpinnextprv"><img  id="RightArr" src="images/p_right.gif" alt="下一页"/></div>
  <script  type="text/javascript">
        <!--  
        var scrollPic_02 = new ScrollPic();
        scrollPic_02.scrollContId = "ISL_Cont_1"; //内容容器ID
        scrollPic_02.arrLeftId = "LeftArr"; //左箭头ID
        scrollPic_02.arrRightId = "RightArr"; //右箭头ID
         var no="<%=num %>";
         switch(no)
         {
             case "1":scrollPic_02.frameWidth =310;  break;
             case "2":scrollPic_02.frameWidth =no*78;  break;
             case "3": scrollPic_02.frameWidth =no*78; break;
             case "4": scrollPic_02.frameWidth = no * 78; break;
             default:scrollPic_02.frameWidth =310;break;
         }
      
         scrollPic_02.pageWidth = 180; //翻页宽度        scrollPic_02.speed = 360; //移动速度(单位毫秒，越小越快)
        scrollPic_02.space = 10; //每次移动像素(单位px，越大越快)
        scrollPic_02.autoPlay = true; //自动播放
        scrollPic_02.autoPlayTime = 3; //自动播放间隔时间(秒)        scrollPic_02.initialize(); //初始化
        -->
    </script>

Answer 2

http://www.open-open.com/ajax/Slideshow.htm

Answer 3

还行 但是写得有点乱~~ 我想要的是JS代码比较少的那种且不带FLASH的效果 或纯CSS样式出来的那种也可以