jQuery pgwslideshow 空间相册

时间:2022-09-13 17:55:44

一个响应式相册插件,你可以自定义幻灯片最大高度,滑动效果,是否显示控制按钮,自动轮播或间隔时间。

pgwslideshow相册插件有以下特点
    支持响应式
    支持桌面和移动设备
    代码简单,只有4kb不到

在线实例

实例演示

使用方法

  1. <ul class="pgwSlideshow">
  2. <li><img src="img/dakar.jpg" alt=""></li>
  3. <li><img src="img/toronto.jpg" alt=""></li>
  4. </ul>
  5. $(function() {
  6. $('.pgwSlideshow').pgwSlideshow();
  7. });
复制

参数详解

参数 描述 默认值
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