admin 发表于 2013-8-1 21:12:41

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

本地下载：



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.880%


(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'));                                                             returntrue;                                                 })                                          .live('pagehide',function(e){                                                        var                                  currentPage= $(e.target),                                 photoSwipeInstance= PhotoSwipe.getInstance(currentPage.attr('id'));                             if(typeof photoSwipeInstance != "undefined" &&photoSwipeInstance != null) {                                 PhotoSwipe.detatch(photoSwipeInstance);                            }                                                        returntrue;                                                 });                               });                  }(window, window.jQuery,window.Code.PhotoSwipe));         

小雪 发表于 2013-9-27 16:02:31

我抢、我抢、我抢沙发~

phonegap100 发表于 2013-10-1 04:00:17

学习了，谢谢分享、、、

uqobk8216 发表于 2013-10-5 10:36:05

有竞争才有进步嘛

你懂得 发表于 2013-10-7 01:32:04

写的真的很不错

你懂得 发表于 2013-10-8 14:07:13

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

野蛮人 发表于 2013-10-25 13:51:33

标记好东西啊

jevan 发表于 2014-6-30 10:07:29

好东西.谢谢分享

周周 发表于 2014-7-30 15:52:52

网站打不开

YangG 发表于 2014-10-30 10:18:20

感谢分享。
页: [1] 2
查看完整版本: Jquery Mobile PhotoSwipe插件 图片滑动浏览插件