社区
HTML5
帖子详情
微信中点击图片放大,并可滑动浏览,怎么做?
rrdawlx
2015-01-23 11:30:16
如第1张图,在微信里面,用户发了一条状态,有3张图片,点击任意一张图片,图片放大占据整个页面,而且可以左右滑动切换图片,每张图片还可以缩放。同时如果手机允许手机转屏,那转动手机时图片也会转动,并且能够自适应。
...全文
40034
13
打赏
收藏
微信中点击图片放大,并可滑动浏览,怎么做?
如第1张图,在微信里面,用户发了一条状态,有3张图片,点击任意一张图片,图片放大占据整个页面,而且可以左右滑动切换图片,每张图片还可以缩放。同时如果手机允许手机转屏,那转动手机时图片也会转动,并且能够自适应。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
13 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
qq_37768560
2017-03-05
打赏
举报
回复
我的解决办法是把h5最后一页后面加上大图小图上加按钮用超链接做
业余草
2016-11-03
打赏
举报
回复
www.codedq.net
www.xttblog.com
结贴了!
qq_35041025
2016-11-02
打赏
举报
回复
你好,能给一下这个解决思路吗?QQ991153244
qq_35507001
2016-07-04
打赏
举报
回复
你好!请问你的问题解决了吗?我的微信也是这样的,不知道怎么弄
业余草
2015-08-07
打赏
举报
回复
lightbox图片画廊,你搜索一下
zhanbaone
2015-08-06
打赏
举报
回复
引用 2 楼 t543866560 的回复:
js灯箱效果 http://www.jq22.com/Demo511
你这网站打不开吧
业余草
2015-08-04
打赏
举报
回复
图片画廊,你搜索一下图片画廊就行了
一介平民yy
2015-08-03
打赏
举报
回复
楼主你这个是怎么解决的 求解答
rrdawlx
2015-06-24
打赏
举报
回复
微信中的这个功能是用操作系统控件实现的,不是用web技术实现的。
rrdawlx
2015-06-24
打赏
举报
回复
微信中的这个功能是用操作系统空间实现的,不是用web技术实现的。
Shanguoo
2015-06-22
打赏
举报
回复
楼主如何解决该问题的?求解答!
t543866560
2015-01-27
打赏
举报
回复
js灯箱效果
http://www.jq22.com/Demo511
业余草
2015-01-23
打赏
举报
回复
http://download.csdn.net/download/chenyunpen9/6944035
你看看对你有没有用!
Android 高仿
微信
朋友圈动态支持双击手势
放大
并
滑动
查看
图片
效果
最近参与了开发一款旅行APP,其
中
包含实时聊天和动态评论功能,终于耗时几个月几个伙伴完成了,今天就小结一下至于实时聊天功能如果用户不多的情况可以scoket实现,如果用户万级就可以采用开源的smack + opnefile实现,也可以用mina开源+XMMP,至于怎么搭建和实现,估计目前github上一搜一大把,至于即时通讯怕误人子弟,暂且不
做
介绍,现就把实现的一个
微信
朋友圈的小功能介绍一下。 先上效果图: 一拿到主流的UI需求,大致分析下,需要我ListView嵌套Gridview,而gridView的行数也和
图片
总数有关系,因此通过个数我们可以动态设置条目的宽高,而
点击
图片
放大
我
微信
小程序实现通过双向
滑动
缩放
图片
大小的方法
本文实例讲述了
微信
小程序实现通过双向
滑动
缩放
图片
大小的方法。分享给大家供大家参考,具体如下: 在
做
小程序开发的过程
中
,后端传来一张
图片
地图,需要实现双手指
滑动
,使
图片
缩放,最终得出了一下代码: js : Page({ data: { touch: { distance: 0, scale: 1, baseWidth: null, baseHeight: null, scaleWidth: null, scaleHeight: null } }, touchStartHandle(e) { // 单手指缩放开始,也不
做
任何处理 if (e.
微信
小程序系统教程C#版[3/3阶段]_
微信
小程序电商系统
微信
小程序系统教程[初级阶段],
微信
小程序0基础学起,讲解
微信
小程序开发的基础知识。
微信
小程序系统教程共有“
微信
小程序系统教程[初级阶段]”、“
微信
小程序系统教程[
中
级阶段]——核心技术”、“
微信
小程序...
疯狂早茶
微信
小程序基础篇《七》:
滑动
操作
在实际的移动应用程序交互方式
中
,最常见的就是
滑动
操作。像左右
滑动
切换页面,手指张开来
放大
图片
等,都是由
滑动
操作来完成的。
微信
小程序默认提供的相关事件如下: (此
图片
来源于网络,如有侵权,请联系删除! ) tap对应
点击
操作,还提供了longtap来支持长按操作,这些都比较简单,就不多
做
讲述。 touchmove对应
滑动
操作,通过bindtouchmove即可响应
滑动
操作。 //wxml <view id="id" bindtouchmove="handletouchmove" style = "width : 100px; height : 100px; background : #1675
GalleryAnimation:查看大图时的缩放动画效果;
滑动
查看
图片
;返回小图时到初始位置
PS:上传的只是一个GridView demo,实现起来的话应该都不难。 在大图情况下,
点击
回退到小图,此时需要考虑到
滑动
之后小图的改变位置。demo
中
我只考虑了<= 9张的情况。 ———————————————— 最近项目
中
添加了群动态功能,类似
微信
朋友圈,对于list item
中
的
图片
打开效果,我参考了
微信
,包括微博其实也是这么
做
的。 在
点击
item
中
的
图片
时,背景变黑,将原来的小图逐渐
放大
;再次
点击
时,
图片
缩小,并回到原来的位置。当然了,在大图界面下,多图的话可以
滑动
。 其
中
在动画方面,我一开始用的是Rebound,后来放弃改为属性动画,缩放我使用的是zoomImageView,
滑动
方面用的是ViewPagerIndicator。 先看一下最终的 说一下动画方面的具体思路。 在小图状态下
点击
时,新建一个fragment(原来用的是activity,可是有闪屏,动画就显得不够柔和了),
HTML5
39,083
社区成员
5,548
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章