超实用自适应相册自动轮播大图jquery特效代码

超实用自适应相册自动轮播大图jquery特效代码。
 

配置参数

下面是该轮播图插件的一些可用的参数。

参数 类型 默认值 描述
mainClassName String 'pgwSlideshow' 该参数会覆盖轮播图默认的CSS class名称。
transitionEffect String 'sliding' 有两个可用的过渡效果:"sliding" 和 "fading"
autoSlide Boolean false 是否允许轮播图自动轮播
beforeSlide Function false 在轮播图每次切换时的回调函数。eg:"function(id) { console.log('Before sliding - The current slide is ' + id); }"
afterSlide Function false 在轮播图每次切换之后的回调函数。eg:"function(id) { console.log('After sliding - The current slide is ' + id); }"
displayList Boolean true 是否以列表的形式显示缩略图
displayControls Boolean true 是否显示前后箭头导航按钮
touchControls Boolean true 是否绑定移动触摸事件
maxHeight Integer null 为轮播图设置固定的高度。不用带"px"单位
adaptiveDuration Integer 200 This duration is the period in milliseconds, during the adjustment of the previous option runs (if it is activated).
transitionDuration Integer 500 图片切换的时间,单位毫秒
intervalDuration Integer 3000 显示下一张图片之前的间隔时间,该参数需要autoSlide为true

 

推荐模板

上一篇:人体艺术网站带缩略图集相册js特效代码

下一篇:相册图片点击弹出预览且支持图片切换jquery特效代码

猜你喜欢

dede织梦模板网