README

关于

Swiper - 是一个免费的超轻量级移动触摸滑块，具有硬件加速过渡（在支持的情况下）和惊人的原生行为。它适用于移动网站、移动Web应用和移动原生应用。主要针对iOS设计，但也适用于Android和最新的桌面浏览器。 Swiper 由 iDangero.us 开发。

功能

• 1:1 触摸移动。但此比例可以配置

• 触摸模拟。如果您打算在桌面网站上使用 Swiper，此功能将非常有用。在这种情况下，Swiper 将接受类似于触摸事件的鼠标事件（点击和拖动以切换幻灯片）

• 垂直/水平。Swiper 提供 2 种主要模式 - 水平（用于水平动画和水平滑动）和垂直（用于垂直动画和垂直滑动）

• 自由模式。当此模式启用时，幻灯片将没有固定位置，就像常规滚动条（请参见下面的演示）

• 旋转/调整大小调整。在设备旋转后，Swiper 将重新初始化

• 响应式。可以使用百分比的宽度或/和高度定义，而不是固定值。在具有不同分辨率的设备上使用非常有用

• 滚动阻止。在“水平”模式下触摸 Swiper 时，Swiper 将阻止垂直滚动，在“垂直”模式下阻止水平滚动

• 阻力边界。当您尝试在左侧和右侧的最左端和最右端位置（对于“垂直”模式，为最顶端和最底端）之外滑动 Swiper 时，Swiper 将增加阻力

• 内置分页控制。可以禁用

• 自动播放。只需设置延迟，Swiper 将自动更改幻灯片，直到您触摸它。

• 循环模式。在此模式下，您将获得无限滚动，第一张幻灯片将在最后一张幻灯片之后重复。1.5版新增功能

• 轮播模式。Swiper 允许您设置您希望在滑块容器中同时显示的幻灯片数量。1.5版新增功能

• 嵌套 Swiper。您可以将一个 Swiper 插入到另一个 Swiper 的幻灯片中，例如将垂直的 Swiper 插入到水平的 Swiper 中。1.5版新增功能

• 任何 HTML。您可以在幻灯片中放置任何 HTML 内容，而不仅仅是图片

• 丰富的 API。Swiper 提供非常丰富的 API。它允许您创建自己的分页、“下一页”和“上一页”按钮，并提供 4 个回调 - onTouchStart、onTouchMove、onTouchEnd 和 onSlideSwitch

• 灵活的配置。Swiper 接受许多初始化参数，使其尽可能灵活。您可以配置动画速度、模式（垂直或水平）、自由模式、启用/禁用分页、触摸比例等。

• 硬件加速。Swiper 使用硬件加速技术（在支持的情况下）以实现超平滑的动画和性能，尤其是在 iOS 设备上。

• 出色的兼容性。Swiper 与以下内容兼容并进行了测试：Mobile Safari（在 iOS5 上进行了测试）、Android 2.1%2B、最新版本的 Google Chrome、Safari、Firefox、Internet Explorer 10 和 Opera。它还在 Internet Explorer 9 中工作，但没有动画。

• 独立。Swiper 不需要任何 JavaScript 库，如 jQuery，这使得 Swiper 更加小巧和快速。因此，它可以安全地与 jQuery、jQuery Mobile、jQTouch 等库一起使用。

• 极轻量级。仅3.2 KB压缩后

拥有所有这些特性，您可以用出色的原生行为构建令人惊叹的触摸界面和应用。

演示和用法

http://www.idangero.us/sliders/swiper/

许可

Swiper采用GPL & MIT许可