jQuery pgwslideshow 空间相册

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

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

下载

时间: 2024-08-06 16:06:42

jQuery pgwslideshow 空间相册的相关文章

基于jQuery全屏相册插件zoomVisualizer

基于jQuery全屏相册插件zoomVisualizer.这是一款基于jquery ui实现的相册插件,支持隐藏显示相册缩略图,支持左右箭头切换图片,支持放大缩及缩小图片.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div id="zoom-visualizer"> <div class="lightbox-ofertas-bg"></div> <div class="lightbox&q

分享jQuery的精美相册效果

废话不多说,先上图 query实现相册特效代码,运行加载的时候拥有进度条,效果炫酷,支持多种图片排列方式 引入脚本和css:     <link rel="stylesheet" type="text/css" media="screen" href="css/uvumi-gallery.css" />     <script type="text/javascript" src=&quo

jQuery验证空间jquery.validate.js使用说明+中文API

--------转载自http://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.html jQuery plugin: Validation 使用说明 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 转载自:http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html 一.导入js库 <script src=

破解QQ空间访问权限大全分享|怎么破解QQ空间相册密码技巧

您是否遇到了对方将QQ空间或是QQ相册加密?这里不用担心微微解密网来教大家怎么破解QQ空间相册密码以及访问权限,不管对方是否是您的好友,无论对方设置了各种访问权限,例如:回答问题访问,好友访问,仅自己访问等权限,这里的QQ空间相册密码破解教程都能轻松教会大家方法,然大家轻松的对对方的QQ空间以及QQ相册进行破解!一下是小编整理的QQ空间相册破解教程欢迎大家学习,希望大家专心学习哟!教程地址 http://www.jmwww.net

Android学QQ空间相册浏览类型横向滑动效果显示多图片MyHorizontalScrollView

Android学QQ空间相册浏览类型横向滑动效果显示多图片MyHorizontalScrollView 我们来定制一下吧 布局文件:activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="m

关于QQ空间相册功能的构想与简单实现

QQ空间上传照片对其可以分类,形成不同的相册,这对于用户体验来说是很不错的,如果用户只能上传不加以分类,那么用户体验会很差. 下面是自己关于相册功能实现的一些简单看法: 首先,是创建相册,可以用panel将控件隐藏,给用户更好体验. <asp:Button ID="creatphoto" runat="server" OnClick="creatphoto_Click" Text="创建相册" /> <asp

使用jquery制作漂亮相册集

目录: 简单的图像翻滚 漂亮的相册集 资源文件 简单的图像翻滚 image-rollover常被用在交互式导航栏上,当我们的鼠标移动到导航栏时,按钮的外观改变.例如我们以如下几幅黑白缩略图作为导航图表,当鼠标移动到指定图标时,图标变为明亮的彩色图片.预览如下: 该页面的代码十分简单,我们以此为例逐步实现图像的翻滚: img-rollover.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8&q

转 jQuery(图片、相册)插件代码实例

jQuery想必大部分前端er都知道甚至很熟悉了,网上有数以万计的优秀的jQuery插件以及教程,今天收集了一些关于图片.相册的jQuery插件代码,希望会对你有所帮助. 1. 3D Gallery 2. Circular Discography 3. Pikachoose 4. Yox View 5. Tonic Gallery 6. Polaroid 7. Simple Jquery Fullscreen Image Gallery 8. Post card Viewer 9. polaro

html+jquery翻页相册(原创)

呵呵 今天心情大好,再发一篇最进前端实现的相册模仿功能 这个相册是在一个网站的案例展示页面上实现的,没单独写出来,没时间,重用性也很差,以后有时间了再单独提取出来, 写这个玩意前,我在网上找了一些案例,但是一看代码都比较傻眼,固不想去研究,所以自己写了..... 下面是实现这个功能的截图 如果你是一个前端,这个功能对你来说除了逻辑复杂点,其他的可能实现起都比较简单,我不是做前端的,所以前端HTML这块遇到了一些问题.下面我会将我遇到的这些问题的解决方法分享出来. 首先说下:postion这个属性