一个响应式相册插件,你可以自定义幻灯片最大高度,滑动效果,是否显示控制按钮,自动轮播或间隔时间。
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 |
文件 | jQuery插件大全打包 |
内容 | HTML5+CSS3+PHP+jQuery等示例 |
大小 | 170M(300+个文件) |
注意:示例只是当前的内容,【下载】的是全部jQuery插件一起打包后的文件。