widthauto-slide-img

1.1.0 • Public • Published

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

图片轮播

依赖 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

Package Sidebar

Install

npm i widthauto-slide-img

Weekly Downloads

3

Version

1.1.0

License

ISC

Unpacked Size

17.1 kB

Total Files

10

Last publish

Collaborators

  • qingqinxl