超炫酷碎片化轮播图(原创)

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

 8260  93  查看评论 (6)
超炫酷碎片化轮播图(原创) ie兼容9

请使用new函数实例化轮播图,可实例化多个

var banner = new FragmentBanner({
    container: "#banner1", //选择容器 必选	
    imgs: ['images/1.jpg', 'images/2.jpg', 'images/3.jpg', 'images/4.jpg', 'images/5.jpg'], //图片集合 必选	
    size: {
        width: 1000,
        height: 560
    }, //容器的大小 可选	
    //行数与列数 可选	
    grid: {
        line: 12,
        list: 14
    },
    index: 0, //图片集合的索引位置 可选	
    type: 2, //切换类型 1 , 2 可选 
    boxTime: 5000, //小方块来回运动的时长 可选	
    fnTime: 10000 //banner切换的时长 可选	
});
/*** 只填两个必要参数也是可以的	*/
var banenr2 = new FragmentBanner({
    container: "#banner2", //选择容器 必选
    imgs: ['images/1.jpg', 'images/2.jpg', 'images/3.jpg', 'images/4.jpg', 'images/5.jpg'], //图片集合 
});
相关插件-幻灯片和轮播图

简洁优雅,与众不同的轮播图插件

代码简洁优雅,与其他插件不同,包括各样式轮播图
  幻灯片和轮播图
 8595  97

高大上的全屏自适应的banner图

这是一个自适应的全屏banner,可以用来做网站的banner效果非常好,容易修改,代码简洁,容易修改。
  幻灯片和轮播图
 23186  134

iSlider手机端图片滑动切换插件

iSlider.js手机幻灯片代码制作手指滑动手机端图片轮播代码
  幻灯片和轮播图
 28543  134

jquery仿flash漂亮横向图片滚动效果

jquery仿flash漂亮横向图片滚动效果
  幻灯片和轮播图
 13919  51

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

    Colin 0
    2018/1/6 17:42:02

    怎么给图片添加超链接?

    回复
    焱潆回暖 0
    2018/1/4 14:59:57
    可以添加超链接吗 回复
             0
    2017/12/22 20:02:37

    第一个轮播左右按键点了没反应 有解决方法吗大哥

        一方一方0
        2017/12/25 14:51:12

        不是没反应,是方块没复位之前,禁止再次切换

        爱吃怎么不长胖0
        2018/1/5 20:38:33

        这也是判断动画,不然很容易鬼畜

    回复
    时刻 0
    2017/12/20 11:22:56

    有没有手机的啊

    回复
取消回复