jquery多调用滚动轮播(新手版)

所属分类:媒体-幻灯片和轮播图

 5568  25  查看评论 (8)
jquery多调用滚动轮播(新手版) ie兼容8

更新时间:2017/2/16 下午12:05:20

更新说明:面向新手。基于JQ。事先调用下。主要修改有3处。

    1.快速点击切换过快。现在连击切换有延迟。

    2.小圆点和左右按钮现在可以不要。而不会出现的bug。简单点解释就是要小圆点布局里就写上。不要就不写。

    3.加了部分注解。

1.样式。

要改的我都备注了。一个公共的样式。余下的分开样式分开改。

2.jS调用  

imgscrool('#ban1');  
imgscrool('#ban2');

后面是你盒子的名字。

3.HTML内容。

<div id="ban1"> 这个是大盒子的名字,变名字多调用。

下面的照抄

<div class="banner">
        这个是你显示的图片
<ul class="img">
    <li><a href="#"><img src="images/1.jpg"></a></li>
        <li><a href="#"><img src="images/2.jpg"></a></li>
        <li><a href="#"><img src="images/3.jpg"></a></li>     
    </ul>
    小圆圈自己加
    <ul class="num">    
    </ul>
    左右按钮
    <div class="btn btn_l">&lt;</div>
    <div class="btn btn_r">&gt;</div>
</div>

相关插件-幻灯片和轮播图

幻灯片式轮播

预览图幻灯片展示
  幻灯片和轮播图
 7549  24

带进度条的鼠标点击放大特效插件

通过拖动横向滚动条来放大或缩小组图
  幻灯片和轮播图
 5444  30

jquery幻灯片插件slidr.js

一个简单的,轻量级的JavaScript库 添加幻灯片切换到您的网页,无依赖。
  幻灯片和轮播图
 17807  28

jQuery轮播图插件jCarousel

jQuery轮播图插件jCarousel提供六种轮播效果使用简单功能强大
  幻灯片和轮播图
 17768  27

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币

    Forever 0
    2017/2/20 11:57:00

    有一个js是远程的,放到HTML也不能轮播了

    回复
    多普勒效应 0
    2017/1/9 11:01:29

    好奇怪,为何我放到自己做的HTML里面之后就不能轮播了

        Forever0
        2017/2/20 11:50:40

        我也是这样的

    回复
         0
    2017/1/5 13:01:08
    hesisi2016 0
    2017/1/2 17:01:20
    追逐流星的Alex 0
    2016/12/30 11:12:29
    不错,收藏一下 回复
    Water麦 0
    2016/12/29 13:12:25

    不会用....

        [??2??0??1??6??] M・Z0
        2016/12/29 16:12:42
        蛮简单的。就直接调用就可以了,样式自己修改
    回复
取消回复
    PROMULGATOR

    虐键狮

    上海市鹏博士