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