当前位置: 首页 > 文档资料 > HaloJS 中文文档 >

imgPlayer

优质
小牛编辑
128浏览
2023-12-01

功能

图片轮播

author leeenx
version 1.0.0
data: 2015-11-11

Official Usage

$("#container").imgPlayer(
  {
    motion: "X",
    showNumList: 1,//显示图片小icon列表
    duration: 4000,//图片切换的动画时长
    autoPlay: 1 //自动轮播
  }
);

参数列表

name类型必选描述
motionstringoptional图片轮播方向选项:X,Y。默认:X
showNumListbooleanoptional是否显示图片小icon列表
durationintoptional图片切换过渡时长,单位ms,默认:4000ms
autoPlaybooleanoptional是否自动轮播播放,默认:true

方法列表

name描述
move图片切换到指索引的图片
prev切换到上一张图片
next切换到下一张图片

属性列表

name类型描述
autoPlayboolean是否为自动播放。可直接更改
durationint图片切换过渡时长。可直接更改
totalPageint播放器的图片数。不可修改

DEMO

点击查看imgPlayer

模块下载

http://wq.360buyimg.com/js/ho2/min/uncmd.js
http://wq.360buyimg.com/js/ho2/min/prefix.js
http://wq.360buyimg.com/js/ho2/min/klass.js
http://wq.360buyimg.com/js/ho2/min/stylesheet.js
http://wq.360buyimg.com/js/ho2/min/css.js
http://wq.360buyimg.com/js/ho2/min/isDom.js
http://wq.360buyimg.com/js/ho2/min/imgPlayer.js