PhoneGap中文网

标题: Jquery Mobile PhotoSwipe插件图片滑动浏览插件 [打印本页]

作者: admin 时间: 2013-8-1 21:12
标题: Jquery Mobile PhotoSwipe插件图片滑动浏览插件

本地下载：

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

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));

作者: 小雪 时间: 2013-9-27 16:02
我抢、我抢、我抢沙发~

作者: phonegap100 时间: 2013-10-1 04:00
学习了，谢谢分享、、、

作者: uqobk8216 时间: 2013-10-5 10:36
有竞争才有进步嘛

作者: 你懂得 时间: 2013-10-7 01:32
写的真的很不错

作者: 你懂得 时间: 2013-10-8 14:07
这是东东好,支持一下感谢楼主好资源收藏了

作者: 野蛮人 时间: 2013-10-25 13:51
标记好东西啊

作者: jevan 时间: 2014-6-30 10:07
好东西.谢谢分享

作者: 周周 时间: 2014-7-30 15:52
网站打不开

作者: YangG 时间: 2014-10-30 10:18
感谢分享。

作者: fmqseeli 时间: 2015-9-3 00:51
这个插件不错，运行比较流畅

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)