当前位置: 首页 > 工具软件 > PgwSlideshow > 使用案例 >

jQuery pgwslideshow 空间相册

长孙波鸿
2023-12-01

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

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
transitionEffect2个转换效果:“sliding滑动”或“fading淡入淡出”。sliding
autoSlide是否支持自动轮播false
beforeSlide函数:在滑动之前false
afterSlide函数:在滑动之后false
displayList自定义显示选项列表true
displayControls是否显示控制按钮true
touchControls是否支持移动设备触摸true
maxHeight幻灯片最大高度-
transitionDuration过渡效果500
intervalDuration间隔时间3000

 

 类似资料: