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

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

 38602  344  查看评论 (18)
分享到微信朋友圈
X
jquery多调用滚动轮播(新手版) ie兼容8

更新时间:2017/11/16 下午1:47:56

更新说明:解决了初始9999px问题。虽然其实后期JS会处理的。


更新时间: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>
相关插件-幻灯片和轮播图

基于anime.js全屏图片视差旋转切换

基于anime.js制作全屏响应式的图片轮播展示效果
  幻灯片和轮播图
 30658  453

5种jQuery超酷3d幻灯片效果

flux.js是一款能做出3D效果的jQuery幻灯片插件。这款jQuery幻灯片插件共有5种效果:爆炸效果、3D翻转效果、3D旋转效果、立方体效果和翻页效果。需要注意的是flux需要浏览器支持CSS3 transitions才能正常工作。
  幻灯片和轮播图
 35154  453

3D效果左右箭头轮播的js幻灯片特效代码

效果不错的一款js幻灯片特效代码,支持3D立体效果轮播,带左右箭头按钮控制幻灯图播放,支持幻灯图标题,js代码简单易改,比用flash幻灯特效好用得多,自行修改也容易。
  幻灯片和轮播图
 63087  496

jquery响应式幻灯片

jquery响应式幻灯片
  幻灯片和轮播图
 46761  353

讨论这个项目(18)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    远在天边ぃ 0
    2021/1/14 17:13:44
    为什么轮播不了呢? 回复
    XJTM 0
    2018/10/4 12:02:39
    好东西啊,谢谢你。我新手收下了。 回复
    ζ??? 0
    2018/3/10 17:01:57
    博宇 0
    2017/7/29 11:26:12

    想请教下 自动轮播的时候 感觉有点抖  怎么解决 让其流畅轮播

        虐键狮1
        2020/9/11 9:47:40
        我时间间隔写的比较长。你可以改小点就行。3年前的黑历史。
    回复
    美猴王 0
    2017/4/30 5:23:30

    宽度:99999像素?

    如果不设置这个宽度就无法正常显示,但设置后移动端无法自适应,这种有BUG的也来发布,浪费我的币!

        虐键狮0
        2017/11/16 13:18:53

        JS后期会处理。而且我收你币了?

    回复
    DIY丶Missing 0
    2017/3/8 21:50:29

    width: 99999px;

    99999是什么意思?哪个大哥告知一下

        areyouOk0
        2017/3/8 22:10:07

        宽度:99999像素

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

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

        虐键狮0
        2017/3/6 15:52:10

        没有啊

    回复
    多普勒效应 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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复