jQuery仿QQ空间相册插件

jQuery仿QQ空间相册插件

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

淘建站为您提供更多_图片代码_图片轮播_幻灯片_焦点轮播,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 192 次

下载资源

23 淘币

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

pgwslideshow相册插件有以下特点

  • 支持响应式
  • 支持桌面和移动设备
  • 代码简单,只有4kb不到

HTML

首先我们在.pgwSlideshow放置多个缩略图

<ul class="pgwSlideshow">
    <li><img src="img/dakar.jpg" alt=""></li>
    <li><img src="img/toronto.jpg" alt=""></li>
    <li>
        <a href="http://www.sucaiq.com/js" target="_blank">
            <img src="img/monaco.jpg" alt="jQuery特效">
        </a>
    </li>
</ul>

引入pgwslideshow.js相册插件

<script type="text/javascript" src="js/pgwslideshow.min.js"></script>

默认效果

$(function() {
    $('.pgwSlideshow').pgwSlideshow();
});

pgwSlideshow中文API

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

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/456.html
jQuery仿QQ空间相册插件 希望对你有帮助,感谢您的支持!
  • Js实现幻灯片图片切换效果源码下载

    Js实现幻灯片图片切换效果源码下载

  • jquery banner滑块导航条幻灯片轮播图片滚动

    jquery banner滑块导航条幻灯片轮播图片滚动

  • jQuery仿百度经验的图文幻灯片预览效果

    jQuery仿百度经验的图文幻灯片预览效果

  • jquery图标菜单点击宽屏幻灯片轮播切换插件

    jquery图标菜单点击宽屏幻灯片轮播切换插件

  • jQuery网站宽屏banner幻灯片切换代码

    jQuery网站宽屏banner幻灯片切换代码

  • jquery左右按钮控制带缩略图片幻灯片切换

    jquery左右按钮控制带缩略图片幻灯片切换

  • jquery cycle 幻灯片插件支持多种图片切换效果

    jquery cycle 幻灯片插件支持多种图片切换效果

  • jquery幻灯片图片轮播带进度条幻灯片图片切换

    jquery幻灯片图片轮播带进度条幻灯片图片切换

  • jquery进度条幻灯片代码

    jquery进度条幻灯片代码

  • jQuery仿新浪游戏图片幻灯片切换代码

    jQuery仿新浪游戏图片幻灯片切换代码

  • js宽屏图片视差滑块幻灯片切换特效

    js宽屏图片视差滑块幻灯片切换特效

  • JQuery宽屏电影大图幻灯片轮播切换代码

    JQuery宽屏电影大图幻灯片轮播切换代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2