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

admin

本地下载：

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

2014-12-22 14:56 上传

点击文件名下载附件

1.插件官网：http://www.photoswipe.com/

2.插件演示地址：

http://www.photoswipe.com/latest/examples/04-jquery-mobile.html

3.简介：

PhotoSwipe是一个开发用于手机和Touch设备，功能强大的图片/照片集展示控件。它采用HTML、CSS+JavaScript实现，没有依 赖任何JavaScript框架。可以设置淡入/淡出的效果，激活放大功能，缩放图片等。PhotoSwipe支持的设备包括：iPhone、iPad、 Android、Blackberry和桌面浏览器。它还有一个可选基于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));

小雪

我抢、我抢、我抢沙发~

phonegap100

学习了，谢谢分享、、、

uqobk8216

有竞争才有进步嘛

你懂得

写的真的很不错

你懂得

这是东东好,支持一下 感谢楼主 好资源收藏了

野蛮人

标记好东西啊

jevan

好东西.谢谢分享

周周

网站打不开

YangG

感谢分享。