【总结】手机图片预览插件photoswipe使用总结

本文总结了Photoswipe 3.0.5作为手机和PC图片预览插件的使用经验,尤其针对Android和iOS设备。在部分Android手机上,1.0.11版本存在滑动一次跳转两张图片的缺陷。正确加载资源后,通过HTML和JS设置图片及调用插件,可以实现预览功能。同时,文中提到了一个需要修正的插件问题,涉及DocumentOverlayClass的调整。
摘要由CSDN通过智能技术生成

手机图片预览photoswipe,支持pc图片预览,多用于android,ios的手机图片预览。


资源包:http://download.csdn.net/detail/snow_finland/8152787


在photoswipe官网有1.0.11的包下载,但是1.0.11这个版本,存在缺陷,在部分android手机上,滑动一次的时候,会跳转2张图片

(正常情况下,滑动一次,跳转1张图片)


通常使用方法如下:


在html的head标签中依次加载资源包中如下文件:

<script type="text/javascript" src="klass.min.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery-1.8.2.js"></script>
<script type="text/javascript" charset="utf-8" src="code.photoswipe-3.0.5.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery.transit.js"></script>
<script type="text/javascript" charset="utf-8" src="hammer.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery.hammer.js"></script>


html部分图片的格式如下:


	<ul id="Gallery" class="gallery">
		
		<li><a href="images/full/001.jpg"><img src
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值