一个响应式相册插件,你可以自定义幻灯片最大高度,滑动效果,是否显示控制按钮,自动轮播或间隔时间。
pgwslideshow相册插件有以下特点
支持响应式
支持桌面和移动设备
代码简单,只有4kb不到
在线实例
使用方法
- <ul class="pgwSlideshow">
- <li><img src="img/dakar.jpg" alt=""></li>
- <li><img src="img/toronto.jpg" alt=""></li>
- </ul>
- $(function() {
- $('.pgwSlideshow').pgwSlideshow();
- });
复制
参数详解
参数 | 描述 | 默认值 |
mainClassName | 重写幻灯片CSS类 | pgwSlideshow |
transitionEffect | 2个转换效果:“sliding滑动”或“fading淡入淡出”。 | sliding |
autoSlide | 是否支持自动轮播 | false |
beforeSlide | 函数:在滑动之前 | false |
afterSlide | 函数:在滑动之后 | false |
displayList | 自定义显示选项列表 | true |
displayControls | 是否显示控制按钮 | true |
touchControls | 是否支持移动设备触摸 | true |
maxHeight | 幻灯片最大高度 | - |
transitionDuration | 过渡效果 | 500 |
intervalDuration | 间隔时间 | 3000 |