更新时间:2019/5/21 下午3:14:37
更新说明:修改第一张往最后一张切换的动画,无缝轮播
更新时间:2019/4/30 下午3:14:11
更新说明:修改最后一张再往后切换的方向,(根据这个需求,发现第一个切换到上一个页面也是到)
如果您要修改轮播图大小请修改meSlider.css中宽和高
1 2 3 4 5 6 7 | .slider { width: 600px; height: 300px; margin: 40px auto 0; overflow: hidden; position: relative} |
在修改js中vWidth: 600,宽度值即可。
HTML
1 | <div id="slider" ></div> |
JS
1 2 3 4 5 6 7 8 9 10 | // IE 9 可以轮播,同时缺少轮播动画$(function() { $('#slider').sliders({ imgArr: ['./resource/banner1.jpg', './resource/banner2.jpg', './resource/banner3.jpg'], autoLoop: true, current: 1, time: 4000, //切换间隔时间 vWidth: 600 //图片宽度 })}); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com