jQuery图片播放器

属性

参数名称 参数类型 默认值 参数说明
属性
showTitle boolean true 是否显示图片(img元素)中的title属性值,true表示显示
width string 800px 播放器容器(div元素)的宽度,单位:像素
height string 600px 播放器容器(div元素)的高度,单位:像素
time number 2000 图片播放时间,单张切片播放的最长时间,单位:毫秒
divCSS object {'position':'relative','border':'1px solid #CCC','padding':'0px','fontSize':'12px','overflow':'hidden'} 播放器容器(div元素)的样式
imgCSS object {'position':'absolute','border':'none','z-index':'0','margin':'0px'} 图片(img元素)的样式
ulCSS object {'margin':'0px','padding':'0px','z-index':'10','position':'absolute','bottom':'2px','right':'2px','list-style-type':'none'} 切换按钮容器(ul元素)的样式
liCSS object {'font-family':'Arial','color':'#FFF','float':'left','border':'1px solid #eee','padding':'2px','width':'15px','height':'15px','text-align':'center','margin-left':'1px','cursor':'pointer','background-color':'#999','font-size':'100%'} 切换按钮(li元素)的样式
titleCSS object {'background-color':'#eee','position':'absolute','z-index':'9','line-height':'25px','font-weight':'700','padding':'0 5px','bottom':'0'} 标题栏(div元素)的样式
focusIdxCSS object {'background-color':'#F00','font-weight':'700'} 切换按钮(li元素)Mouseover时的样式
blurIdxCSS object {'background-color':'#999','font-weight':'normal'} 切换按钮(li元素)Mouseout时的样式
animate object {duration :500,method:'',direction:'',zoomRatio:5} 动画配置属性,具体见animate属性
方法
onStart function 播放器在开始播放时执行的回调函数
onStop function 播放器在停止播放时执行的回调函数
onShow function 图片切换显示时执行的动画函数
onStop function 图片切换隐藏时执行的动画函数
动画animate
duration number 500 图片播放动画执行时间,建议此项小于time值的1/3,单位:毫秒
method string 空字符串 动画效果,总共32种,默认随机
direction string 空字符串 动画方向,总共8种,默认随机,zoomshow和zoomhide不支持随机
zoomRatio number 5 采用zoomin或zoomout时的最大放大级别,默认5倍,大于等于零的浮点数
Free Web Hosting