一种图片展示方法、装置和终端设备制造方法及图纸

本公开是关于一种图片展示方法，所述方法包括：加载网页中的缩略图列表后，接收到展示第一缩略图的选择指令时，在显示窗口展示与所述第一缩略图对应的原图片；获取所述显示窗口与所述第一缩略图所在位置的相对位置；根据所述相对位置，调整所述网页的显示区域。本公开当原图片显示窗口中展示的原图片对应的缩略图没有在当前显示界面中显示时，调整网页的显示区域，使与当前展示的原图片相对应的缩略图显示当前显示界面中，以便于用户快速了解浏览进度。本公开还公开了用于实现上述方法的装置、浏览器和终端设备。

【技术实现步骤摘要】
一种图片展示方法、装置和终端设备
本公开是关于移动终端通讯
，尤其是关于一种图片展示方法、装置和终端设备。
技术介绍
随着互联网技术的发展，网页上出现了越来越多以图片为核心的应用，例如用户相册，商品展示列表等。如何能使用户浏览图片列表时更轻松更便捷，成为一个需要解决的问题。网页上的图片列表加载后，通常图片列表中的图片较多，为了保证展示速度，展示的都是缩略图，用户点击其中一张图片，将该缩略图的大图展示出来，同时在查看缩略图的大图时，可以使用键盘或者鼠标等外接输入设备进行图片翻页，也就是查看当前浏览的大图的上一张或者下一张图片。用户查看图片列表并打开一张缩略图的大图时，可以继续使用外接输入设备控制大图翻页，通过翻页浏览的大图数量较多时，当用户关闭大图，图片列表中的处于屏幕可视区域的缩略图可能并不包含刚刚关闭的大图的缩略图，需要用户自己寻找刚刚关闭的大图的缩略图以便继续浏览接下来的其他图片。同时，图片列表通常使用分页技术加载，并且默认一次只加载固定数量的图片，当用户请求相应的分页时才会加载该分页上的图片到图片列表中。通常触发后续分页的方式为，用户浏览到图片列表的最底部时，系统会自动加载。所以当用户浏览大图时，尤其查看到当前页的最后一张图片时，无法自动加载后续分页的图片，因为此时屏幕可视区域并没有滚动到图片列表的最底部，系统无法判定需要继续加载新的分页。
技术实现思路
为克服相关技术存在的问题，本公开提供一种图片展示方法、装置和终端设备，实现了选择操作带动缩略图列表的上下滚动，用户关闭显示原图片的显示窗口时，当前显示界面中能够包含与刚刚关闭的原图片对应的缩略图。一方面，本公开提供了一种图片展示方法，包括:加载网页中的缩略图列表后，接收到展示第一缩略图的选择指令时，在显示窗口展示与所述第一缩略图对应的原图片；获取所述显不窗口与所述第一缩略图所在位置的相对位置；根据所述相对位置，调整所述网页的显示区域。浏览缩略图列表的原图片时，当原图片显示窗口中展示的原图片对应的缩略图没有在当前显示界面中显示时，调整网页的显示区域，使与当前展示的原图片相对应的缩略图显示当前显示界面中，以便于用户快速了解浏览进度，找到刚刚浏览的原图片对应的缩略图在缩略图列表中的位直，从而能够继续通过缩略图列表浏览后续图片。所述选择指令包括:接收到的直接选择所述第一缩略图的点击选择指令、接收到的顺序选择到所述第一缩略图的翻页选择指令。在缩略图列表中点击选择第一缩略图或者依据缩略图列表的顺序翻页浏览到第一缩略图，都会根据相对位置，调整网页的显示区域，使第一缩略图显示在当前显示界面中。所述方法还包括:当所述第一缩略图是所述缩略图列表当前显示界面的最后一张缩略图时，预加载所述缩略图列表在当前显示界面未显示的缩略图。随着缩略图列表在当前显示界面中的位置不断变化，当前显示界面中显示到缩略图列表在当前显示界面的最后一张缩略图时，触发预加载缩略图列表在当前显示界面未显示的缩略图的指令，预加载在当前显示界面未显示的缩略图组成的缩略图列表，以供用户不间断的继续浏览后续的缩略图列表。获取所述显示窗口与所述第一缩略图所在位置的相对位置，包括:以预定原点为准，确定所述第一缩略图的坐标以及所述显示窗口的坐标；根据所述第一缩略图的坐标以及所述显示窗口的坐标，确定所述相对位置。通过显示窗口到第一缩略图的矢量的方向确定显示窗口与第一缩略图所在位置的相对位置。所述第一缩略图位于当前显示界面时，以当前显示界面的左上角为原点，坐标位于当前显示界面内；所述第一缩略图未位于当前显示界面，且所在的显示区域已移出所述当前显示界面的上边缘时，以当前显示界面的左上角为原点；所述第一缩略图未位于当前显示界面，且所在的显示区域未移入所述当前显示界面的下边缘时，以当前显示界面的左下角为原点。显示窗口与第一缩略图所在位置的相对位置改变原点位置，减少系统运算量，提高网页浏览器的运行效率。根据所述相对位置，调整所述网页的显示区域，包括:根据预设的所述第一缩略图在当前显示界面中的显示位置，调整所述网页的显示区域。将第一缩略图调整到当前显示界面中更容易被用户发现的位置。另一方面，本公开提供了一种图片展示装置，包括:展示模块，用于加载网页中的缩略图列表后，接收到展示第一缩略图的选择指令时，在显不窗口展不与所述第一缩略图对应的原图片；获取模块，用于获取所述显示窗口与所述第一缩略图所在位置的相对位置；调整模块，用于根据所述相对位置，调整所述网页的显示区域。所述装置还包括:预加载模块，用于当所述第一缩略图是所述缩略图列表当前显示界面的最后一张缩略图时，预加载所述缩略图列表在当前显示界面未显示的缩略图。所述获取模块包括:第一确定单元，用于以预定原点为准，确定所述第一缩略图的坐标以及所述显示窗口的坐标；第二确定单元，用于根据所述第一缩略图的坐标以及所述显示窗口的坐标，确定所述相对位置。所述调整模块根据预设的所述第一缩略图在当前显示界面中的显示位置，调整所述网页的显示区域。另一方面，本公开提供了一种终端设备，终端设备包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:加载网页中的缩略图列表后，接收到展示第一缩略图的选择指令时，在显示窗口展示与所述第一缩略图对应的原图片；获取所述显不窗口与所述第一缩略图所在的缩略图列表的分页的相对位置；根据所述相对位置，调整所述网页的显示区域。应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本公开。【附图说明】此处所说明的附图用来提供对本公开的进一步理解，构成本申请的一部分，并不构成对本公开的限定。在附图中:图1是本公开实施例一提供的一种图片展示方法的示例性流程图；图2是本公开实施例中展示第一缩略图原图片时的示例性界面示意图；图3是本公开实施例中获取显示窗口与第一缩略图所在位置的相对位置时的示例性方法示意图；图4是本公开实施例二提供的一种图片展示方法的示例性流程图；图5是本公开实施例一提供的一种图片展示装置的示例性结构示意图；图6是本公开实施例中获取模块的示例性结构示意图；图7是本公开实施例二提供的一种图片展示装置的示例性结构示意图；图8是本公开实施例提供的一种终端设备结构的示例性结构示意图。通过上述附图，已示出本公开明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围，而是通过参考特定实施例为本领域技术人员说明本公开的概念。【具体实施方式】为使本公开的目的、技术方案和优点更加清楚明白，下面结合实施方式和附图，对本公开做进一步详细说明。在此，本公开的示意性实施方式及其说明用于解释本公开，但并不作为对本公开的限定。本公开实施例提供一种图片展示方法、装置和终端设备，以下结合附图对本公开进行详细说明。在本公开实施例一中，如图1所示，一种图片展示方法包括:在步骤SlOl中，加载网页中的缩略图列表后，接收到展示第一缩略图的选择指令时，在显示窗口展示与第一缩略图对应的原图片，本实施例的方法用于终端设备中。访问一个带有图片列表的网页时，网页中会出现通过各个图片的缩略图组成的缩略图列表，缩略图相比本文档来自技高网...

【技术保护点】
一种图片展示方法，其特征在于，所述方法包括：加载网页中的缩略图列表后，接收到展示第一缩略图的选择指令时，在显示窗口展示与所述第一缩略图对应的原图片；获取所述显示窗口与所述第一缩略图所在位置的相对位置；根据所述相对位置，调整所述网页的显示区域。

【技术特征摘要】
1.一种图片展示方法，其特征在于，所述方法包括: 加载网页中的缩略图列表后，接收到展示第一缩略图的选择指令时，在显示窗口展示与所述第一缩略图对应的原图片； 获取所述显示窗口与所述第一缩略图所在位置的相对位置； 根据所述相对位置，调整所述网页的显示区域。2.如权利要求1所述的方法，其特征在于，所述选择指令包括:接收到的直接选择所述第一缩略图的点击选择指令、接收到的顺序选择到所述第一缩略图的翻页选择指令。3.如权利要求1所述的方法，其特征在于，所述方法还包括: 当所述第一缩略图是所述缩略图列表当前显示界面的最后一张缩略图时，预加载所述缩略图列表在当前显示界面未显示的缩略图。4.如权利要求1所述的方法，其特征在于，获取所述显示窗口与所述第一缩略图所在位置的相对位置，包括: 以预定原点为准，确定所述第一缩略图的坐标以及所述显示窗口的坐标； 根据所述第一缩略图 的坐标以及所述显示窗口的坐标，确定所述相对位置。5.如权利要求4所述的方法，其特征在于，所述第一缩略图位于当前显示界面时，以当前显示界面的左上角为原点，坐标位于当前显示界面内； 所述第一缩略图未位于当前显示界面，且所在的显示区域已移出所述当前显示界面的上边缘时，以当前显示界面的左上角为原点； 所述第一缩略图未位于当前显示界面，且所在的显示区域未移入所述当前显示界面的下边缘时，以当前显示界面的左下角为原点。6.如权利要求1所述的方法，其特征在于，根据所述相对位置，调整所述网页的显示区域，包括: 根据预设的所述第一缩略图在当前显示界...

【专利技术属性】
技术研发人员：任远，姚丽梅，王宗妮，
申请(专利权)人：小米科技有限责任公司，
类型：发明
国别省市：