正文
jQuery pgwslideshow 空间相册
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
一个响应式相册插件，你可以自定义幻灯片最大高度，滑动效果，是否显示控制按钮，自动轮播或间隔时间。
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 |
下载
