javascript 自适应配置 轮播图

使用方法

效果

1. 页面引入js和css;

2. 页面中调用;

    var silde1 = new silde('slide-wrap', { // 选择要作用的轮播id
   
    time: 2000, // 轮播切换时间
   
    showImgLen: 4, // 显示几张图
   
    betweenMargin: 5, // 图片间的间距
   
    prevBtnShow: false, // 是否显示上一张和下一张按钮， true:显示，false:不显示，默认显示
   
    navigatShow: false, // 是否显示导航条， true:显示，false:不显示，默认显示
   
    prevText: '<', // 上一张的按钮文案
   
    nextText: '>' // 下一张的按钮文案 });