PhoneGap中文网

 找回密码
 立即注册
查看: 54392|回复: 10
打印 上一主题 下一主题

Jquery Mobile PhotoSwipe插件 图片滑动浏览插件

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2013-8-1 21:12:41 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本地下载:

photoswipe-3.0.5.zip (1.13 MB, 下载次数: 1321)


2.插件演示地址:
3.简介:
PhotoSwipe是一个开发用于手机和Touch设备,功能强大的图片/照片集展示控件。它采用HTMLCSS+JavaScript实现,没有依 赖任何JavaScript框架。可以设置淡入/淡出的效果,激活放大功能,缩放图片等。PhotoSwipe支持的设备包括:iPhoneiPad AndroidBlackberry和桌面浏览器。它还有一个可选基于jQuery实现的版本。
3.PhotoSwipe插件配置参数
  
属性
  
描述
默认值
  
allowUserZoom
  
是否允许用户使用放大镜
true
  
fadeInSpeed
  
浏览的时候图片淡入的速度
250
  
fadeOutSpeed
  
浏览的时候图片淡出的速度
250
  
autoStartSlideshow
  
浏览图片的时候自动开启幻灯模式
false
  
backButtonHideEnabled
  
用户单击后退按钮是是否隐藏界面
true
  
captionAndToolbarHide
  
是否隐藏标题与工具栏
false
  
captionAndToolbarAutoHideDelay
  
设置自动隐藏标题与工具栏的等待时间
5000毫秒
  
captionAndToolbarOpacity
  
工具栏透明度
0.8  80%

  
(function(window, $, PhotoSwipe){
  
              
  
              $(document).ready(function(){
  
                  
  
                   $('div.gallery-page')
  
                       .live('pageshow',  function(e){
  
                           
  
                            var
  
                                 currentPage  = $(e.target),
  
                                 options  = {allowUserZoom:true},
  
                                 photoSwipeInstance  = $("ul.gallery a", e.target).photoSwipe(options,  currentPage.attr('id'));
  
                                 
  
                            return  true;
  
                           
  
                       })
  
                       
  
                       .live('pagehide',  function(e){
  
                           
  
                            var
  
                                 currentPage  = $(e.target),
  
                                 photoSwipeInstance  = PhotoSwipe.getInstance(currentPage.attr('id'));
  
  
                            if  (typeof photoSwipeInstance != "undefined" &&  photoSwipeInstance != null) {
  
                                 PhotoSwipe.detatch(photoSwipeInstance);
  
                            }
  
                           
  
                            return  true;
  
                           
  
                       });
  
                  
  
              });
  
         
  
         }(window, window.jQuery,  window.Code.PhotoSwipe));
  
         
  

it营
回复

使用道具 举报

6

主题

176

帖子

198

积分

注册会员

Rank: 2

积分
198
沙发
发表于 2013-9-27 16:02:31 | 只看该作者
我抢、我抢、我抢沙发~
it营
回复 支持 反对

使用道具 举报

0

主题

108

帖子

116

积分

注册会员

Rank: 2

积分
116
板凳
发表于 2013-10-1 04:00:17 | 只看该作者
学习了,谢谢分享、、、
回复 支持 反对

使用道具 举报

0

主题

59

帖子

61

积分

注册会员

Rank: 2

积分
61
地板
发表于 2013-10-5 10:36:05 | 只看该作者
有竞争才有进步嘛
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
5#
发表于 2013-10-7 01:32:04 | 只看该作者
写的真的很不错
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
6#
发表于 2013-10-8 14:07:13 | 只看该作者
这是东东好,支持一下 感谢楼主 好资源收藏了
回复 支持 反对

使用道具 举报

4

主题

25

帖子

247

积分

中级会员

Rank: 3Rank: 3

积分
247
7#
发表于 2013-10-25 13:51:33 | 只看该作者
标记好东西啊
回复 支持 反对

使用道具 举报

0

主题

1

帖子

6

积分

新手上路

Rank: 1

积分
6
8#
发表于 2014-6-30 10:07:29 | 只看该作者
好东西.谢谢分享
回复 支持 反对

使用道具 举报

0

主题

5

帖子

18

积分

新手上路

Rank: 1

积分
18
9#
发表于 2014-7-30 15:52:52 | 只看该作者
网站打不开
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-23 12:58 , Processed in 0.096392 second(s), 39 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表