温馨提示:QQ登录和微信登录将于2023年7月15日下线,为了不影响你的正常使用,请尽快绑定邮箱,使用邮箱登录。操作方法:登录后点击右上角【会员中心】,再点击左边的【绑定邮箱】。

你好,欢迎来到js代码网。

微信登录邮箱登录

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

上传人66**66
分类图片/相册
发布时间2017-03-31
来源https://www.jsdaima.com/js/620.html

超实用自适应相册自动轮播大图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

扫码查看手机演示

下载地址

提示:该资源由网友自行分享,仅供学习交流,如有侵权请发邮件到 tousu@jsdaima.com 联系删除。>>点击查看免责声明<< 



热门搜索

相关特效

点击查看更多

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

×
    
复制成功