更新时间: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