jQuery轮播图插件meSlider

 查看演示  website  立即下载

更新时间：2019/5/21 下午3:14:37

更新说明：修改第一张往最后一张切换的动画，无缝轮播

更新时间：2019/4/30 下午3:14:11

更新说明：修改最后一张再往后切换的方向，（根据这个需求，发现第一个切换到上一个页面也是到）

如果您要修改轮播图大小请修改meSlider.css中宽和高

.slider {
    width: 600px;
    height: 300px;
    margin: 40px auto 0;
    overflow: hidden;
    position: relative
}

在修改js中vWidth: 600，宽度值即可。

HTML

<div id="slider" ></div>

JS

// IE 9 可以轮播，同时缺少轮播动画
$(function() {
    $('#slider').sliders({
        imgArr: ['./resource/banner1.jpg', './resource/banner2.jpg', './resource/banner3.jpg'],
        autoLoop: true,
        current: 1,
        time: 4000, //切换间隔时间
        vWidth: 600 //图片宽度
    })
});

PREVIOUS:
NEXT:
jQuery分页插件
jQuery多级收缩菜单