awesome-slider是一款支持移动端的纯js轮播图插件。该轮播图插件支持任何HTML标签,可以自定义分页标签和Loading效果,支持在前端框架如react中使用。
使用方法
安装:
/* yarn */
yarn add awesome-slider
/* npm */
npm install awesome-slider
/* cdn */
使用了requestAnimationFrame, 如果要向低浏览器兼容, 可以自行引入requestAnimationFrame polyfill 比如yarn add raf
基本使用
const AwesomeSlider = require("awesome-slider");
// or
import AwesomeSlider from "awesome-slider";
const awesomeSlider = new AwesomeSlider(images, container, [options]);
API
images:轮播图的图片。可以是简单模式,也可以是也可以自由组合模式。
/* 简单模式 */
["./images/1.jpg", "./images/2.jpg", "./images/3.jpg", "./images/4.jpg"];
/* 自由组合模式 */
[
{
tagName: "a",
attrs: {
style: "",
class: