码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2016-07-07 12:23:52      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:

  应公司要求,开发一款移动端杂志(等同于移动端幻灯片相册,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:代码较多就不上了,需要的找我!

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

标签:

原文地址:http://www.cnblogs.com/gaofengming/p/5649222.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!