CN104679432A - 一种基于移动端浏览器跨平台人机交互浏览图片的方法 - Google Patents
一种基于移动端浏览器跨平台人机交互浏览图片的方法 Download PDFInfo
- Publication number
- CN104679432A CN104679432A CN201510094889.9A CN201510094889A CN104679432A CN 104679432 A CN104679432 A CN 104679432A CN 201510094889 A CN201510094889 A CN 201510094889A CN 104679432 A CN104679432 A CN 104679432A
- Authority
- CN
- China
- Prior art keywords
- picture
- pictures
- display screen
- offsety
- viewing area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及移动设备浏览器技术领域，本发明公开了一种基于移动端浏览器跨平台人机交互浏览图片的方法，其具体包括以下的步骤：步骤一、获取需要浏览的图片；步骤二、获取需要浏览的第一张图片的宽度、高度以及当前使用的移动端的显示屏显示区的宽度和高度，以显示屏显示区的宽度和高度为基础，将图片进行放大或者缩小，使得图片充满整个显示屏显示区；步骤三、屏幕根据手指的移动方向和距离计算出下一张需要显示的图片，并随着手指或者其他触控在屏幕上的滑动，逐渐将下一张需要显示的图片拖行到显示屏的显示区，下一张图片同样以显示屏显示区的宽度和高度为基础，将图片进行放大或者缩小，使得第二张图片逐渐充满整个显示屏显示区。
Description
技术领域
本发明涉及浏览器技术领域，尤其涉及一种基于移动端浏览器跨平台人机交互浏览图片的方法。
背景技术
目前在移动终端设备上已有很多种浏览图片的方式,比如针对一张图片,利用移动设备自带的多点触控技术对图片进行放大或缩小、或通过手势操作,根据操作者手势滑动方向对图片进行左右移动，从而浏览多张图片。但是这些操作方式出来的视觉效果要么固化在同一个***中，要么仅限于某一种平台,即使是能跨平台,但实现效果和***自带的效果差别不大,随着近几年社交网络的飞速发展,越来越多的人喜欢把自己喜爱的照片通过网络分享到各个社交应用，其他的用户则通过浏览器查看这些图片。但在浏览器上查看照片的方式一般比较单一，比如现有的将所有的照片在浏览器页面上进行固定的方法，用户通过滚动鼠标的方式实现逐一浏览，或者通过感知用户的手指滑动将照片逐一显示在移动终端的显示屏上，这样的浏览方式中图片的大小都是固定不变的，不管是向上滑动还是向下滑动，每个图都以原始保存的大小显示在显示屏上，这样的方法很显然无法提高用户图片观看的体验。
发明内容
针对现有技术中的图片浏览方法用户使用体验不佳的技术问题，本发明公开了一种基于移动端浏览器跨平台人机交互浏览图片的方法。
本发明的发明目的通过下述技术方案来实现：
一种基于移动端浏览器跨平台人机交互浏览图片的方法，其具体包括以下的步骤：步骤一、获取需要浏览的图片；步骤二、获取需要浏览的第一张图片的宽度、高度以及当前使用的移动端的显示屏显示区的宽度和高度，以显示屏显示区的宽度和高度为基础，将图片进行放大或者缩小，使得图片充满整个显示屏显示区；步骤三、屏幕接收手指或者其他触控在屏幕上的滑动后，根据手指的移动方向和距离计算出下一张需要显示的图片，并随着手指或者其他触控在屏幕上的滑动，逐渐将下一张需要显示的图片拖行到显示屏的显示区，下一张图片同样以显示屏显示区的宽度和高度为基础，将图片进行移动，使得第二张图片逐渐充满整个显示屏显示区，而上一张图片则逐渐等比例缩小，直到下一张需要显示的图片布满整个显示屏的显示区。
更进一步地，上述逐渐将下一张需要显示的图片拖行到显示屏的显示区的具体过程为：设定第一张图片缩放后正好铺满整个显示屏显示区，则第一张图片的四个角的坐标和显示屏显示区四个角的坐标相同，都是:(0,0),(w,0),(w,h),(0,h)；第二张图片的坐标分别(0,h),(w,h),(w,h*2),(0,h*2)；在第二张图片的拖行过程中，第一张图片的四个角的坐标在顺时针方向分别为：(offsetY/scale*变化系数,-offsetY/scale*变化系数),(w-offsetY/scale*变化系数,-offsetY/scale*变化系数),(w-offsetY/scale*变化系数,h-offsetY/scale*变化系数),(offsetY/scale*变化系数,h-offsetY/scale*变化系数)，第二张图片四个角的坐标在顺时针方向分别为： (0,h-offsetY),(w,h-offsetY),(w,h*变化系数-offsetY),(0,h*变化系数-offsetY)；其中scale为缩放系数，offsetY表示滑动距离。
更进一步地，上述变化系数为2。
更进一步地，上述获取图片的宽度和高度的方式具体为利用javascript中Image对象设置其src为图片的地址，然后根据对应接口计算图片的宽度和高度。
更进一步地，上述获取图片的宽度和高度的方式具体为在服务器保存该图片时就记录下当前图片的宽度和高度，在移动端请求此图片数据时，一并将此部分数据发送给移动端。
更进一步地，上述需要浏览的图片为堆叠模式。
更进一步地，上述堆叠模式是指屏幕上显示第一张图片，其余的图片逐一堆叠，最下层的图片被次下层的图片所覆盖，依次类推，……，第二张图片被第一张图片所覆盖。
更进一步地，采用层叠样式表css将图片设置为堆叠模式。
更进一步地，上述获取需要浏览的图片的具体实现的过程为：使用超级文本标记语言html中的div标签来实现浏览图片的获取，首先设置浏览器的background-image属性地址为需要浏览的图片地址，并设置浏览器的background-size属性为100%，使图片根据div标签的大小自动缩放至相应大小，并利用层叠样式表css将图片设置为堆叠模式。
通过采用以上技术方案，本发明的有益效果是：本发明通过将图片进行缩放以适应显示屏显示区的大小，并在交互的过程中将上一张图片进行缩放，使得凸显下一张即将显示的图片，从而实现了各种图片（比如照片）通过浏览器实现跨平台的完美呈现，提高了用户的使用体验，最终实现出一种视差效果，提高了用户的使用满意度。
附图说明
图1为一张图片布满整个显示屏显示区的示意图。
图2为第二张图片拖行了一部分到显示屏显示区的示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合具体实施例，对本发明进行进一步详细的说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
一种基于移动端浏览器跨平台人机交互浏览图片的方法，其具体包括以下的步骤：
步骤一、获取需要浏览的图片，所述需要浏览的图片为堆叠模式（比如呈现出的整体效果就像一幅扑克牌整齐的堆叠在桌上,观察者在其上方观看只能看到最上面的一张扑克,要想看到下一张的扑克需要抽离第一张扑克），所述堆叠模式是指屏幕上显示第一张图片，其余的图片逐一堆叠，最下层的图片被次下层的图片所覆盖，依次类推，……，第二张图片被第一张图片所覆盖，当然此处图片的后台存放模式也可以是其他的模式，而不限于堆叠模式，只要第一张图片覆盖掉其他未显示的后台图片就可以。其获取需要浏览的图片的具体实现的过程为：使用超级文本标记语言html中的div标签来实现浏览图片的获取，首先设置浏览器的background-image属性地址为需要浏览的图片地址，并设置浏览器的background-size属性为100%，以便图片根据div标签的大小自动缩放至相应大小，并利用层叠样式表css将图片设置为堆叠模式。
步骤二、获取需要浏览的第一张图片的宽度、高度以及当前使用的移动端的显示屏显示区的宽度和高度，以显示屏显示区的宽度和高度为基础，将图片进行放大或者缩小，使得图片充满整个显示屏显示区。获取图片的宽度和高度可以利用javascript中Image对象设置其src为图片的地址，然后根据对应接口计算图片的宽度和高度。或者服务端在存储图片时就记录下当前图片的宽度和高度，在移动端请求此图片数据时，一并将此部分数据发送给移动终端。
有了原始图片的宽度和高度,此时再得到移动端显示屏显示区的宽度和高度,就可以以显示屏显示区的宽度和高度为基准将图片进行放大或者缩小,将图片进行等比缩放使之充满整个显示屏幕。以图片的宽度缩放到移动端显示屏显示区的宽度为例，图片高度的计算公式为：最终图片显示高度=显示屏显示区宽度/图片原始宽度*图片原始高度。
如图1所示的一张图片布满整个显示屏显示区的示意图。图片的四个角正好与显示屏显示区的四个角重合，以屏幕的左上角为坐标原点(0,0)，按照顺时针方向，依次得出显示屏显示区四个角的坐标分别为: (0,0),(w,0),(w,h),(0,h)，其中w表示显示屏显示区的宽度width，h表示显示屏显示区的高度high。假设第一张图片缩放后正好铺满整个显示屏显示区，则第一张图片的四个角的坐标和显示屏显示区四个角的坐标相同，也是:(0,0),(w,0),(w,h),(0,h)。此时可以设置第二张图片的四个角的坐标，如果第二张图片缩放后也正好可以满整个显示屏显示区，则第二张图片的坐标可以分别(0,h),(w,h),(w,h*2),(0,h*2)，即第二张图片位于第一张图片的下方。
其余图片的四个角的坐标均为:(0,0),(w,0),(w,h),(0,h)，即和第一张图片的坐标相同，但因为是堆叠放置，其均会被第一张图片所覆盖。第二张图片虽然没有被覆盖，但因为其坐标超出了显示屏显示的范围，因此操作者也是看不到的。
步骤三、屏幕接收手指或者其他触控在屏幕上的滑动后，根据手指的移动方向和距离计算出下一张需要显示的图片，并随着手指或者其他触控在屏幕上的滑动，逐渐将下一张需要显示的图片拖行到显示屏的显示区，下一张图片同样以显示屏显示区的宽度和高度为基础，将图片进行放大或者缩小，使得图片充满整个显示屏显示区，而上一张图片则逐渐还原到图片原始大小，直到下一张需要显示的图片布满整个显示屏的显示区。
假设将缩放系数设定为5，手指的滑动距离offsetY假设为100个像素。则在两张图片交互的过程中，
针对第一张图片:
"top":offsetY/scale*2,"left":offsetY/scale*2,"width":w-offsetY/scale,"height":h-offsetY/scale；其中"top"是指图片的上边界到显示屏显示区上边界的距离；"left"是指图片的左边界到显示屏显示区左边界的距离；"width"是指图片缩放后的宽度；"height"是指图片缩放后的高度。
针对第二张图片：
“top":h- offsetY,"left":0,"width":w,"height":h；其中“top"是指图片的上边界到显示屏显示区上边界的距离；"left"是指图片的左边界到显示屏显示区左边界的距离，即左边是布满了整个屏幕显示区的；"width"是指图片缩放后的宽度，正好等于显示屏显示区的宽度；"height"是指图片缩放后的高度，正好等于显示屏显示区的高度。
如图2所示的第二张图片被向上拖行了一部分后的示意图，其中第二张图片的大小不变，仍保持与显示屏显示区大小一致，向上拖行后，第二张图片覆盖在第一张图片上面，显示屏显示区的上半部分显示第一张图片，显示屏显示屏显示区的下半部分显示第二张图片，而在这个第二张图片逐渐覆盖第一张图片的过程中，第一张图片逐渐缩小，直到第二张图片完全覆盖整个显示屏的显示区，此时笫二张图片的与显示屏的显示区重合，显示屏的显示区回到如图1所示的界面。
那么，在第二张图片的拖行过程中，第一张图片的四个角的坐标(顺时针)分别为：
(offsetY/scale*2,-offsetY/scale*2),(w-offsetY/scale*2,-offsetY/scale*2),(w-offsetY/scale*2,h-offsetY/scale*2),(offsetY/scale*2,h-offsetY/scale*2)，第二张图片四个角的坐标 (顺时针)分别为： (0,h-offsetY),(w,h-offsetY),(w,h*2-offsetY),(0,h*2-offsetY)；其中scale为缩放系数，offsetY表示滑动距离，2为任意设定的一个表征图片变化快慢的值，表征图片变化快慢的值要小于scale，即如果scale为5，那么这个值应大于0并小于5。
当第二张图片拖行了一部分时，如果操作者在此过程中停止交互(比如手指离开屏幕)，则根据offsetY来计算，如果offsetY大于一定阈值(比如阈值可以可以设定为100像素)则认为是要翻到下一张图片，那么第一张图片和第二张图片的最终值为：第一张图片的四个角的坐标为 (0,-h),(w,-h),(w,0),(0,0)，第二张图片的四个角的坐标为 (0,0),(w,0),(w,h),(0,h)。
如果offsetY小于100那么第一张和第二张图片分别回滚到之前的值，后续图片计算过程依次类推。
上述说明示出并描述了本发明的一个优选实施例，但如前所述，应当理解本发明并非局限于本文所披露的形式，不应看作是对其他实施例的排除，而可用于各种其他组合、修改和环境，并能够在本文所述发明构想范围内，通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本发明的精神和范围，则都应在本发明所附权利要求的保护范围内。
Claims (9)
1.一种基于移动端浏览器跨平台人机交互浏览图片的方法，其具体包括以下的步骤：步骤一、获取需要浏览的图片；步骤二、获取需要浏览的第一张图片的宽度、高度以及当前使用的移动端的显示屏显示区的宽度和高度，以显示屏显示区的宽度和高度为基础，将图片进行放大或者缩小，使得图片充满整个显示屏显示区；步骤三、屏幕接收手指或者其他触控在屏幕上的滑动后，根据手指的移动方向和距离计算出下一张需要显示的图片，并随着手指或者其他触控在屏幕上的滑动，逐渐将下一张需要显示的图片拖行到显示屏的显示区，下一张图片同样以显示屏显示区的宽度和高度为基础，将图片进行移动，使得第二张图片逐渐充满整个显示屏显示区，而上一张图片则逐渐等比例缩小，直到下一张需要显示的图片布满整个显示屏的显示区。
2.如权利要求1所述的基于移动端浏览器跨平台人机交互浏览图片的方法，其特征在于所述逐渐将下一张需要显示的图片拖行到显示屏的显示区的具体过程为：设定第一张图片缩放后正好铺满整个显示屏显示区，则第一张图片的四个角的坐标和显示屏显示区四个角的坐标相同，都是:(0,0),(w,0),(w,h),(0,h)；第二张图片的坐标分别(0,h),(w,h),(w,h*2),(0,h*2)；在第二张图片的拖行过程中，第一张图片的四个角的坐标在顺时针方向分别为：(offsetY/scale*变化系数,-offsetY/scale*变化系数),(w-offsetY/scale*变化系数,-offsetY/scale*变化系数),(w-offsetY/scale*变化系数,h-offsetY/scale*变化系数),(offsetY/scale*变化系数,h-offsetY/scale*变化系数)，第二张图片四个角的坐标在顺时针方向分别为： (0,h-offsetY),(w,h-offsetY),(w,h*变化系数-offsetY),(0,h*变化系数-offsetY)；其中scale为缩放系数，offsetY表示滑动距离，w表示显示屏显示区的宽度，h表示显示屏显示区的高度，所述变化系数小于缩放系数。
3.如权利要求2所述的基于移动端浏览器跨平台人机交互浏览图片的方法，其特征在于所述变化系数为2。
4.如权利要求1或者3所述的基于移动端浏览器跨平台人机交互浏览图片的方法，其特征在于所述获取图片的宽度和高度的方式具体为利用javascript中Image对象设置其src为图片的地址，然后根据对应接口计算图片的宽度和高度。
5.如权利要求1或者3所述的基于移动端浏览器跨平台人机交互浏览图片的方法，其特征在于所述获取图片的宽度和高度的方式具体为在服务器保存该图片时就记录下当前图片的宽度和高度，在移动端请求此图片数据时，一并将此部分数据发送给移动端。
6.如权利要求1或者3所述的基于移动端浏览器跨平台人机交互浏览图片的方法，其特征在于所述需要浏览的图片为堆叠模式。
7.如权利要求6所述的基于移动端浏览器跨平台人机交互浏览图片的方法，其特征在于所述堆叠模式是指屏幕上显示第一张图片，其余的图片逐一堆叠，最下层的图片被次下层的图片所覆盖，依次类推，……，第二张图片被第一张图片所覆盖。
8.如权利要求6所述的基于移动端浏览器跨平台人机交互浏览图片的方法，其特征在于采用层叠样式表css将图片设置为堆叠模式。
9.如权利要求1或者3所述的基于移动端浏览器跨平台人机交互浏览图片的方法，其特征在于所述获取需要浏览的图片的具体实现的过程为：使用超级文本标记语言html中的div标签来实现浏览图片的获取，首先设置浏览器的background-image属性地址为需要浏览的图片地址，并设置浏览器的background-size属性为100%，使图片根据div标签的大小自动缩放至相应大小，并利用层叠样式表css将图片设置为堆叠模式。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510094889.9A CN104679432B (zh) | 2015-03-04 | 2015-03-04 | 一种基于移动端浏览器跨平台人机交互浏览图片的方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510094889.9A CN104679432B (zh) | 2015-03-04 | 2015-03-04 | 一种基于移动端浏览器跨平台人机交互浏览图片的方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104679432A true CN104679432A (zh) | 2015-06-03 |
| CN104679432B CN104679432B (zh) | 2018-01-30 |
Family
ID=53314569
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510094889.9A Active CN104679432B (zh) | 2015-03-04 | 2015-03-04 | 一种基于移动端浏览器跨平台人机交互浏览图片的方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104679432B (zh) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105898523A (zh) * | 2016-06-29 | 2016-08-24 | 无锡天脉聚源传媒科技有限公司 | 一种视频播放方法及装置 |
| CN105930464A (zh) * | 2016-04-22 | 2016-09-07 | 腾讯科技（深圳）有限公司 | Web富媒体跨屏适配方法和装置 |
| CN106406698A (zh) * | 2016-09-09 | 2017-02-15 | 广州视睿电子科技有限公司 | 一种图片显示方法及装置 |
| CN106557537A (zh) * | 2016-09-22 | 2017-04-05 | 深圳峰创智诚科技有限公司 | 网页图片标签显示方法和装置 |
| CN106970753A (zh) * | 2017-03-15 | 2017-07-21 | 福建中金在线信息科技有限公司 | 一种图片放大方法及装置 |
| CN107967095A (zh) * | 2017-11-24 | 2018-04-27 | 天脉聚源（北京）科技有限公司 | 一种图片显示方法及装置 |
| CN109324742A (zh) * | 2018-07-30 | 2019-02-12 | 上海哔哩哔哩科技有限公司 | 基于界面滑动的对象展示方法、装置和存储介质 |
| CN111290692A (zh) * | 2020-01-20 | 2020-06-16 | 北京无限光场科技有限公司 | 图片显示方法、装置、电子设备及计算机可读介质 |
| CN113238827A (zh) * | 2021-05-17 | 2021-08-10 | 北京明略昭辉科技有限公司 | 一种图片预览方法、***、电子设备及存储介质 |
| CN113608649A (zh) * | 2021-08-24 | 2021-11-05 | 腾讯科技（深圳）有限公司 | 滑动列表的显示方法、装置、设备和可读存储介质 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2007123009A1 (ja) * | 2006-04-21 | 2007-11-01 | Sony Computer Entertainment Inc. | 画像閲覧装置、コンピュータの制御方法及び情報記憶媒体 |
| EP1914622A2 (en) * | 2006-10-16 | 2008-04-23 | Samsung Electronics Co., Ltd | Method and apparatus for moving list on picture plane |
| TW201124905A (en) * | 2010-01-14 | 2011-07-16 | Hon Hai Prec Ind Co Ltd | Method for showing images on electronic device |
| CN102316384A (zh) * | 2011-09-08 | 2012-01-11 | 中兴通讯股份有限公司 | 页面多图切换实现方法及网络电视嵌入式浏览器 |
| CN102737400A (zh) * | 2011-04-15 | 2012-10-17 | 盛乐信息技术（上海）有限公司 | 图片翻转***及其实现方法 |
| CN102789470A (zh) * | 2011-05-20 | 2012-11-21 | 腾讯科技（深圳）有限公司 | 加载网页中的图片的方法和装置 |
| CN103197882A (zh) * | 2013-02-22 | 2013-07-10 | 北京小米科技有限责任公司 | 一种显示图像的方法及其移动终端 |
-
2015
- 2015-03-04 CN CN201510094889.9A patent/CN104679432B/zh active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2007123009A1 (ja) * | 2006-04-21 | 2007-11-01 | Sony Computer Entertainment Inc. | 画像閲覧装置、コンピュータの制御方法及び情報記憶媒体 |
| EP1914622A2 (en) * | 2006-10-16 | 2008-04-23 | Samsung Electronics Co., Ltd | Method and apparatus for moving list on picture plane |
| TW201124905A (en) * | 2010-01-14 | 2011-07-16 | Hon Hai Prec Ind Co Ltd | Method for showing images on electronic device |
| CN102737400A (zh) * | 2011-04-15 | 2012-10-17 | 盛乐信息技术（上海）有限公司 | 图片翻转***及其实现方法 |
| CN102789470A (zh) * | 2011-05-20 | 2012-11-21 | 腾讯科技（深圳）有限公司 | 加载网页中的图片的方法和装置 |
| CN102316384A (zh) * | 2011-09-08 | 2012-01-11 | 中兴通讯股份有限公司 | 页面多图切换实现方法及网络电视嵌入式浏览器 |
| CN103197882A (zh) * | 2013-02-22 | 2013-07-10 | 北京小米科技有限责任公司 | 一种显示图像的方法及其移动终端 |
Non-Patent Citations (1)
| Title |
|---|
| 刘昶: "Android操作***的存储技术研究", 《中国优秀硕士学位论文全文库信息科技辑》 * |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105930464A (zh) * | 2016-04-22 | 2016-09-07 | 腾讯科技（深圳）有限公司 | Web富媒体跨屏适配方法和装置 |
| CN105930464B (zh) * | 2016-04-22 | 2021-07-13 | 腾讯科技（深圳）有限公司 | Web富媒体跨屏适配方法和装置 |
| CN105898523B (zh) * | 2016-06-29 | 2019-04-09 | 无锡天脉聚源传媒科技有限公司 | 一种视频播放方法及装置 |
| CN105898523A (zh) * | 2016-06-29 | 2016-08-24 | 无锡天脉聚源传媒科技有限公司 | 一种视频播放方法及装置 |
| CN106406698A (zh) * | 2016-09-09 | 2017-02-15 | 广州视睿电子科技有限公司 | 一种图片显示方法及装置 |
| WO2018045685A1 (zh) * | 2016-09-09 | 2018-03-15 | 广州视睿电子科技有限公司 | 一种图片显示方法及装置 |
| CN106557537A (zh) * | 2016-09-22 | 2017-04-05 | 深圳峰创智诚科技有限公司 | 网页图片标签显示方法和装置 |
| CN106970753A (zh) * | 2017-03-15 | 2017-07-21 | 福建中金在线信息科技有限公司 | 一种图片放大方法及装置 |
| CN107967095A (zh) * | 2017-11-24 | 2018-04-27 | 天脉聚源（北京）科技有限公司 | 一种图片显示方法及装置 |
| CN109324742A (zh) * | 2018-07-30 | 2019-02-12 | 上海哔哩哔哩科技有限公司 | 基于界面滑动的对象展示方法、装置和存储介质 |
| CN111290692A (zh) * | 2020-01-20 | 2020-06-16 | 北京无限光场科技有限公司 | 图片显示方法、装置、电子设备及计算机可读介质 |
| CN113238827A (zh) * | 2021-05-17 | 2021-08-10 | 北京明略昭辉科技有限公司 | 一种图片预览方法、***、电子设备及存储介质 |
| CN113608649A (zh) * | 2021-08-24 | 2021-11-05 | 腾讯科技（深圳）有限公司 | 滑动列表的显示方法、装置、设备和可读存储介质 |
| CN113608649B (zh) * | 2021-08-24 | 2023-08-08 | 腾讯科技（深圳）有限公司 | 滑动列表的显示方法、装置、设备和可读存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104679432B (zh) | 2018-01-30 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104679432A (zh) | 一种基于移动端浏览器跨平台人机交互浏览图片的方法 | |
| CN103970894B (zh) | 自适应调整的界面流式布局显示的方法和*** | |
| CN102314502B (zh) | 一种用于在移动终端上显示网页主体内容的方法和设备 | |
| CN101894168B (zh) | 移动终端网页页面的排版显示方法及*** | |
| AU2013352410B2 (en) | Image display environment | |
| US9672539B2 (en) | Advertisement generation apparatus and terminal device | |
| CN102831148B (zh) | 一种基于浏览器的推荐数据加载方法和装置 | |
| US11861908B2 (en) | Methods, systems, and media for adaptive presentation of a video content item based on an area of interest | |
| CN103702032B (zh) | 图像处理方法、装置和终端设备 | |
| KR20160061351A (ko) | 웹 페이지에 대한 컨텐츠 아이템에 대한 사이즈 자동 결정 | |
| CN102073650A (zh) | 一种网页自适应调节的方法和设备 | |
| CN105786896A (zh) | 一种页面侧边栏的颜色渲染方法及装置 | |
| CN104951961A (zh) | 用于推送内容的方法、终端、服务器以及*** | |
| CN103677720A (zh) | 一种基于网站的图片显示方法及装置 | |
| WO2015078159A1 (zh) | 网页显示方法及装置 | |
| CN103678496A (zh) | 提供调整检索页筛选显示的方法和*** | |
| CN107807764A (zh) | 一种页面展示方法及客户端 | |
| CN104102418A (zh) | 一种移动终端浏览器中输入框目标位置定位方法及装置 | |
| CN102955794A (zh) | 一种网页点击情况的显示方法及装置 | |
| CN109408165A (zh) | 数据可视化***的多终端自适应方法及*** | |
| CN105635786A (zh) | 广告投放的方法及显示设备 | |
| CN103678497A (zh) | 提供调整检索页浏览显示的方法和*** | |
| DE112016002579T5 (de) | Systeme und verfahren für das zuordnen eine scrollereignisses in einer grafischen benutzeroberfläche für unenendliches scrollen | |
| DE112016004269T5 (de) | Verfahren, systeme und medien zum präsentieren interaktiver elemente innerhalb von videoinhalt | |
| CN106325873A (zh) | 多窗口页面显示处理方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP02 | Change in the address of a patent holder | ||
| CP02 | Change in the address of a patent holder |
Address after: 610041 China (Sichuan) free trade test zone, Chengdu high tech Zone, middle section of Tianfu Avenue, 13 floor, 1 Patentee after: Chengdu PinGuo Digital Entertainment Ltd. Address before: 610041 C12-16 software building, Tianfu Software Park, hi tech Zone, Sichuan, Chengdu Patentee before: Chengdu PinGuo Digital Entertainment Ltd. |
|
| CB03 | Change of inventor or designer information | ||
| CB03 | Change of inventor or designer information |
Inventor after: Tang Lei Inventor after: Xu Hao Inventor after: Xu Ying Inventor after: Yang Jia Inventor before: Tang Lei |