宽度自适应图片轮播使用说明

依赖 jQuery 1.9.1+

参与开发请注意js压缩使用uglifyjs，建议全局安装uglifyjs

npm install uglify-js -g

引入方式

ES6

import WidthautoSlideImg from 'widthauto-slide-img';

普通引入方式

引入之前需要引入jquery

<!--css样式可重新写，若重新写的话无需引入以下css-->
<link rel="stylesheet" href="/node_modules/widthauto-slide-img/dist/widthauto-slide-img.css">
<script type="text/javascript" src="/node_modules/widthauto-slide-img/dist/widthauto-slide-img.js">

AMD

require(['widthauto-slide-img'], function(WidthautoSlideImg){

  //方法调用

})

调用方式

var slider = new WidthAutoSlide(options); //options可以不传入，不传入时都采用默认值
slider.slide();

参数说明

参数名 | 参数说明 | 参数默认值 ----- | ------ | ------ wrapSelector | 滑动外层容器选择器 [string] | .slide_wrap ulSelector | item外层容器选择器 [string] | .slide_content arrowLeft | 左箭头选择器 [string] | .arrow_left arrowRight | 右箭头选择器 [string] | .arrow_right marginWidth | 每个item之间间隔的像素值 [number] | 10