jQuery banner无缝拼接滚动

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

 16770  68  查看评论 (6)
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);
相关插件-幻灯片和轮播图

幻灯片插件ROYALSLIDER-VIDEO GALLERY

RoyalSlider 可以创建包括文字、图片、视频的幻灯片效果,在每个桌面和移动设备提供良好的用户体验。经过多次测试终于把某些模板整理了出来。该模板是用于播放视频的。
  幻灯片和轮播图
 24837  96

大banner轮播

根据项目需求做的,主要做到了部分分辨率的兼容,兼容主流分辨率(1920以内),过于大的没有测。
  幻灯片和轮播图
 19655  94

购物网站特色栏目jquery插件

可以随意设置栏目信息,顶端可以使用四格或者更多图片来滑动显示,美观大方。
  幻灯片和轮播图
 9899  86

js旋转图片轮播

js实现图片旋转轮播效果
  幻灯片和轮播图
 11505  42

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

    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
    不知道这个谁写的什么都不用考虑,敢不敢写个自适应 回复
    yuzhi000 0
    2017/1/12 11:01:43

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

    回复
取消回复