js控制左右切换图片问题

good-code 2010-08-04 02:18:35

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

...全文

710 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

andydreamline 2011-05-16

打赏
举报

支持一下，看看有没有好的回复，谢谢了

good-code 2010-08-16

打赏
举报

问题已解决 sf

jacky199711 2010-08-04

打赏
举报

哈哈哈太有用了

good-code 2010-08-04

打赏
举报

我再看看~ 谢谢先

good-code 2010-08-04

打赏
举报

[Quote=引用 3 楼 kongwei521 的回复:]

www.real-elec.cn做下面的效果
[/Quote]

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

wuyq11 2010-08-04

打赏
举报

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

蝶恋花雨 2010-08-04

打赏
举报

www.real-elec.cn做下面的效果

蝶恋花雨 2010-08-04

打赏
举报

<%@ 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>