简介
jssor-slider 是一款轻量级的响应式图片滑动库，可以用于创建漂亮的幻灯片展示。它适用于移动设备和桌面端，并且具有完全的自定义性，使用简单方便。
安装
你可以通过 npm 来安装 jssor-slider：
--- ------- ------------ ------
快速开始
在 HTML 中插入一个容器元素以容纳 slider，例如：
---- ----------------------
-----
---- -------------- --
------
-----
---- -------------- --
------
-----
---- -------------- --
------
------然后，在 JavaScript 中初始化 slider：
------ ------ ---- ---------------
----- ------ - --- -------------------------- -
---------- -----
----------------------- -
------- -
-
---上面的代码将会创建一个自动播放、带有箭头导航的 slider。
配置
jssor-slider 的配置非常详细，你可以通过配置实现更多的效果。例如，你可以通过设置 $AutoPlayInterval 来调整自动播放的时间间隔，或者通过设置 $ArrowNavigatorOptions.$Class 来修改箭头导航按钮的样式等等。
下面是一些可能用到的配置：
----- ------ - --- -------------------------- -
-- ----
---------- -----
------------------ -----
-- ----
----------------------- -
------- ---------------------
--
-- ----
------------------------ -
------- -----------------------
---------- ---
---------- --
--
-- -----
--------------------------- -
------- --------------------------
------ --
---------- --
---------- --
------------- --
------- ---
-
---API
jssor-slider 提供了一些 API，可以让你在 JavaScript 中直接操作 slider。以下是一些可能用到的方法：
-- ------ --------------- -- ------ ---------------- -- ------- -------------------- -- -- ------ ------------------
总结
jssor-slider 是一个非常好用的图片滑动库，它使用简单方便，并且具有完全的自定义性。通过本文的介绍，相信大家已经能够快速上手并灵活应用 jssor-slider 了。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/34434