1.1.2 • Published 6 years ago
lautin-slide v1.1.2
简介
lautin-slide
是一款轻量级的图片轮播插件,它基于ES5
的面向对象,能够实现逐帧切换的轮播效果。
目前尚不支持响应式,后续会强化响应式以及增加无缝的轮播效果。
用法
下载安装
npm i lautin-slide
- 引入核心文件:
加载完核心类库后,你将在全局拥有一个slide或者Slide接口函数。<script src='./node_modules/lautin-slide/slide.js'></script> <link href='./node_modules/lautin-slide/slide.css' rel="stylesheet"/>
- 调用核心方法Slide()或slide()
- slide能够帮助你渲染界面,无需手动设置,你只要在页面中预留出响应的位置即可
- 调用并设置核心参数
slide({ container : "#slide", //填充的容器 img_ls : ["imgs/1.jpg", "imgs/2.jpg", "imgs/3.jpg"], //显示的图片列表 width : 800, //控制轮播尺寸 height : 400 })