[发明专利]网络动态图片的滚动分页显示方法和装置有效
申请号: | 201210504533.4 | 申请日: | 2012-11-30 |
公开(公告)号: | CN103853417B | 公开(公告)日: | 2017-08-04 |
发明(设计)人: | 郑旭泽 | 申请(专利权)人: | 腾讯科技(深圳)有限公司 |
主分类号: | G06F3/0481 | 分类号: | G06F3/0481;G06F3/0485;G06F17/30 |
代理公司: | 北京德琦知识产权代理有限公司11018 | 代理人: | 张晓峰,宋志强 |
地址: | 518044 广东省深圳*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 网络 动态 图片 滚动 分页 显示 方法 装置 | ||
1.一种网络动态图片的滚动分页显示方法,其特征在于,包括:
从服务器下载网络动态图片到本地;
根据滚动条的滚动值实时确定当前网页可视区域的取值范围;
遍历所述下载到本地的动态图片;针对每一动态图片,判断该动态图片在当前网页的预定位置是否在所述当前网页可视区域的取值范围内;如果是则在未创建该动态图片对应的显示标签的情况下在该预定位置创建显示标签来显示对应的图片;否则不创建对应的显示标签,并在已经创建对应显示标签的情况下删除该显示标签;
刷新网页,执行所述显示标签以加载显示对应的图片;
所述在未创建该动态图片对应的显示标签的情况下创建显示标签来显示对应的图片,具体包括:创建文本标签作为显示标签,在该文本标签中设置本地操作系统图片处理滤镜的调用命令,将该调用命令的处理地址设置为所述动态图片在本地的缓存地址,在所述预定位置上插入该文本标签;
所述执行所述显示标签以加载显示对应的图片,具体包括:执行所述文本标签,调用本地操作系统图片处理滤镜从所述动态图片中提取一帧图片,将提取出的该一帧图片作为静态图片加载显示在所述文本标签对应的网页位置。
2.根据权利要求1所述的方法,其特征在于,所述从服务器下载网络动态图片到本地,具体包括:
向服务器发起获取当前网页所有动态图片的请求,并根据服务器返回的动态图片的地址下载所述动态图片到本地;
或者,先向服务器发起获取第一分页的动态图片的请求,并根据服务器返回的动态图片的地址下载所述动态图片到本地;接着监听当前网页滚动条的滚动值,根据滚动条的滚动分批次向服务器发起获取下一分页的动态图片的请求,并根据服务器返回的动态图片的地址下载所述动态图片到本地。
3.根据权利要求1所述的方法,其特征在于,
所述根据滚动条的滚动值实时确定当前网页可视区域的取值范围,具体包括:确定所述可视区域的高度h、以及各排动态图片的高度m;实时监听当前网页滚动条的滚动值p,根据该滚动值p实时确定所述可视区域顶部到网页整体内容顶部的实时距离d;将d/m的整数部分加1作为可视区域的起始排号c,将(d+h)/m的整数部分作为可视区域的终止排号z,则所述可视区域的取值范围为:[c,z];
对应的,所述判断动态图片在当前网页的预定位置是否在所述当前网页可视区域的取值范围内,具体包括:根据该动态图片的编号和当前网页的预定排列规则确定该动态图片所在的排号;然后判断该排号是否在所述可视区域的取值范围[c,z]之内,如果是则判定该动态图片在当前网页的预定位置在所述可视区域的取值范围内,否则判定该动态图片在当前网页的预定位置不在所述可视区域的取值范围内。
4.根据权利要求1所述的方法,其特征在于,该方法在检测到预览所述静态图片对应的动态图片的指令后,进一步包括:
删除所述静态图片对应的文本标签;
新建图片标签,设置该图片标签的地址为所述动态图片在本地的缓存地址,将该图片标签插入到所删除的所述文本标签对应的网页位置;
执行所述图片标签,在该图片标签对应的网页位置加载显示所述动态图片。
5.根据权利要求4所述的方法,其特征在于,该方法在检测到停止预览所述动态图片的指令后,进一步包括:
删除所述动态图片对应的图片标签;
新建文本标签,在该文本标签中设置本地操作系统图片处理滤镜的调用命令,将该调用命令的处理地址设置为所述动态图片在本地的缓存地址,将该文本标签插入到所删除的所述图片标签的网页位置;
执行所述文本标签,调用本地操作系统图片处理滤镜从所述动态图片中提取一帧图片,将提取出的该一帧图片作为静态图片加载显示在所述文本标签对应的网页位置。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于腾讯科技(深圳)有限公司,未经腾讯科技(深圳)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201210504533.4/1.html,转载请声明来源钻瓜专利网。