1.1.0 • Published 5 years ago

widthauto-slide-img v1.1.0

Weekly downloads
1
License
ISC
Repository
-
Last release
5 years ago

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

图片轮播

依赖 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
ulSelectoritem外层容器选择器 string.slide_content
arrowLeft左箭头选择器 string.arrow_left
arrowRight右箭头选择器 string.arrow_right
marginWidth每个item之间间隔的像素值 number10