unslider 使用演示

本插件可配合jquery.event.swipe.js来实现触摸响应,具体请参见jquery.event.swipe.js的使用说明。

示例 1

最简单的使用,写好 ul 后调用 'unsliser()' 方法即可。

示例 2

使用固定大小的图片,并限制容器大小

示例 3

在上一步的基础上,加上圆点(指示器)。这里使用 CSS3 来添加,若要兼容 IE8 及以下,请使用图片背景添加。

示例 4

在上一步基础上,加上左右箭头。

示例 5

对轮播状态进行操作。

示例 6

调整为响应式

初始化参数说明

这里说明的unslider版本较旧,新版本添加了一些,请自行对照。
参数说明
speed 图片切换的速度,数字,单位为毫秒
delay 图片停留的时间,数字,单位为毫秒
complete 每次图片切换完后的回调函数,function() {}
keys 是否支持键盘控制,取值true / false
dots 是否显示指示器,取值true / false
fluid 是否支持响应式布局,取值true / false