一款豪华绚丽的移动端图册(zepto.js+photoswipe.js)

　　应公司要求，开发一款移动端杂志（等同于移动端幻灯片相册，iOS上能轻松滑动缩放，android上也能滑动缩放）。网上找了很久没有符合需求的插件，无意间找到了photoswipe，进行改造之后就成了符合自己的移动端图册了。

改造点：

1.原插件默认进入页面是相册列表，返回或者关闭会退回到图册列表，通过追踪找到这个方法并干掉了！

2.新增拖动条跳转(ps：插件默认全屏滑动，该处实现思路是应用ifram定位来实现的，子页面拖动链接跳转对应指定的id)；

3.新增当前页显示，插件有该方法；

4.解决ios微信下载pdf，返回到空白页bug(ps：将链接replace，不用href跳转)；

5.解决点击分享或下载时也放大（ps：插件默认点击任何区域都是放大或缩小，找到该方法干掉）；

6.解决进入页面页面错乱bug，页面初始化时window.location.href='/photo/index.html#&gid=1&pid=1';//页面默认跳转到一页

分享效果：

 

分页及当前页效果：

效果预览：http://m.qikan.molbase.com/index.php?&a=show&catid=6&id=2#&gid=1&pid=1

ps：代码较多就不上了,需要的找我！

转载于:https://www.cnblogs.com/gaofengming/p/5649222.html