unslider 使用演示
本插件可配合jquery.event.swipe.js来实现触摸响应,具体请参见jquery.event.swipe.js的使用说明。
示例 1
最简单的使用,写好 ul 后调用 'unsliser()' 方法即可。
This is a slide.
This is another slide.
This is a final slide.
示例 2
使用固定大小的图片,并限制容器大小
示例 3
在上一步的基础上,加上圆点(指示器)。这里使用 CSS3 来添加,若要兼容 IE8 及以下,请使用图片背景添加。
示例 4
在上一步基础上,加上左右箭头。
示例 5
对轮播状态进行操作。
停止
开始
转到第二张(可有回调函数)
示例 6
调整为响应式
初始化参数说明
这里说明的unslider版本较旧,新版本添加了一些,请自行对照。
参数
说明
speed
图片切换的速度,数字,单位为毫秒
delay
图片停留的时间,数字,单位为毫秒
complete
每次图片切换完后的回调函数,function() {}
keys
是否支持键盘控制,取值true / false
dots
是否显示指示器,取值true / false
fluid
是否支持响应式布局,取值true / false