jQuery banner无缝拼接滚动

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

 48176  377  查看评论 (8)
分享到微信朋友圈
X
jQuery banner无缝拼接滚动 ie兼容8

使用方法

1.在你的页面中调用:jquery.js和bannerList.js

2.调用方法: 

传递参数方法如下: 

对象1:banner最大容器:必填

对象2:banner======>按钮父容器:必填

对象3、4:banner====>左右按钮对象名:必填

对象5:banner滚动时间==================>可选项:默认为2000

对象6:是否需要自动轮播需要==========true:不需要false:必填

3根据以上顺序传递对象  

传递方法如下:

bannerListFn($(".banner"), $(".img-btn-list"), $(".left-btn"), $(".right-btn"), 2000, true);
相关插件-幻灯片和轮播图

bootslider响应bootstrapcss3触屏滑块轮播图

bootslider响应bootstrapcss3触屏滑块轮播图
  幻灯片和轮播图
 29037  385

jquery百度经验信息浏览翻页效果代码

基于jquery分步骤展示信息
  幻灯片和轮播图
 13450  188

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

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

带各种百叶窗过渡效果的jQuery幻灯片插件

osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果,它使用简单,通过简单的设置即可正常工作。
  幻灯片和轮播图
 35053  398

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

    ycg769695732 0
    2018/6/11 14:26:59
    浏览器窗口缩小刷新后放大 播放有问题 回复
    Cra-SSus叨 0
    2017/8/7 16:26:56

    自动播放的bug修复:

    bannerList.js 84行 改成 (原为array=liLength-2)

    array=liLength-1;
    回复
    阿本德 0
    2017/4/18 21:16:19
    纳兰真真 0
    2017/1/19 19:05:48
    tuihou123321 0
    2017/1/18 23:03:10

    手机端图片尺寸有问题哦

    回复
    cC林淇 0
    2017/1/14 9:01:07
    不知道这个谁写的什么都不用考虑,敢不敢写个自适应
        耀眼紫罗兰0
        2020/1/2 9:16:36
        自己写去啊
    回复
    yuzhi000 0
    2017/1/12 11:01:43

    有bug的轮播图来这里发布!!

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复