CN111753113A - 一种图片浏览方法及装置 - Google Patents

Abstract

本发明提供了一种图片浏览方法及装置，所述方法包括：在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在浏览器中新建浏览页面；获取所述目标图片以及在指定页面中与所述目标图片连续的多张目标同类图片；基于所述浏览页面创建瀑布流式第一浏览区，在瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示。基于本发明提供的图片浏览方法，以瀑布流的方式将目标图片以及与其连续的多张目标同类图片载入到新建的浏览页面中基于用户的浏览行为进行滚动显示，使得用户在浏览图片时更加便捷；另外，还可以基于用户所关注的目标图片实时推荐相关图片，深入满足用户的浏览需求。

Description

一种图片浏览方法及装置

技术领域

本发明涉及图片搜索技术领域，特别是涉及一种图片浏览方法及装置。

背景技术

目前，用户在搜索图片后，对于用户所点击浏览的图片常采用单图展示的方法，而用户基于单图显示的界面需要查看下一张图片时，是通过左右点击的方式进行翻看，通过上述对用户点击图片后的需求进行单图翻页满足的方式，在用户看图时只能通过翻页进行单张查看，增加用户看图交互成本，在用户体验上也并不便捷；而且在用户需要对多张图片进行对比查看时，需要点击多个图片链接，新开页面进行对比。另外，当用户对当前图片具有进一步诉求时，传统方案仅简单用一张单图的方式，也无法满足用户对图片的深层次需求。

发明内容

本发明提供了一种图片浏览方法及装置以克服上述问题或者至少部分地解决上述问题。

根据本发明的一个方面，提供了一种图片浏览方法，包括：

在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面；

获取所述目标图片以及在所述指定页面中与所述目标图片连续的多张目标同类图片；

基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示。

可选地，所述基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示，包括：

基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中的主浏览区载入所述目标图片的完整图片；

将所述多张目标同类图片流式载入所述目标图片的下方，基于用户的第一浏览行为进行滚动显示。

可选地，所述基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示之后，还包括：

基于所述浏览页面创建与所述第一浏览区并列显示的瀑布流式第二浏览区；

依据所述目标图片的主体内容和/或所述用户的关注信息在预设图片数据库中选取多张第一推荐图片，将所述多张第一推荐图片流式载入所述第二浏览区，基于所述用户的第二浏览行为进行滚动显示。

可选地，所述基于所述浏览页面创建与所述第一浏览区并列显示的瀑布流式第二浏览区之后，还包括：

基于所述用户的第一浏览行为在所述第一浏览区的主浏览区中滚动显示流式图片，若监测到所述用户停留查看图片，则在所述第二浏览区中对应滚动显示与所述主浏览区中的图片相关的流式推荐图片。

可选地，所述若监测到所述用户停留查看图片，则在所述第二浏览区中对应滚动显示与所述主浏览区中的图片相关的流式推荐图片，包括：

若在所述第一浏览区滚动显示图片的过程中监测到所述主浏览区中的图片发生变化，则基于预设规则重新确认所述主浏览区中显示的新目标图片；

依据所述新目标图片的主体内容和/或所述用户的关注信息在所述预设图片数据库中选取多张第二推荐图片，将所述多张第二推荐图片动态载入所述第二浏览区。

可选地，所述基于预设规则重新确认所述主浏览区中显示的新目标图片，包括：

判断所述主浏览区是否包括完整显示的第一图片；

若所述主浏览区包括完整显示的第一图片，则将所述第一图片作为所述主浏览区中显示的新目标图片；

若所述主浏览区不包括完整显示的第一图片，则获取所述主浏览区中显示的多张第二图片，基于所述多张第二图片选取所述主浏览区中显示的新目标图片。

可选地，所述基于所述多张第二图片选取所述主浏览区中显示的新目标图片，包括：

计算所述多张第二图片中各所述第二图片在所述主浏览区中的显示面积，将显示面积最大的第二图片作为所述主浏览区中显示的新目标图片；

若所述多张第二图片在所述主浏览区中的显示面积相等，则将位于所述主浏览区上方的第二图片作为所述主浏览区中显示的新目标图片。

可选地，所述若监测到所述用户停留查看图片，则在所述第二浏览区中对应滚动显示与所述主浏览区中的图片相关的流式推荐图片，包括：

若监测到所述主浏览区中的目标图片在所述浏览页面的停留时间大于预设时间，则在所述第二浏览区中对应滚动显示与所述目标图片相关的流式推荐图片。

可选地，所述基于所述浏览页面创建与所述第一浏览区并列显示的瀑布流式第二浏览区之后，还包括：

基于所述浏览页面设置第一滚动条和第二滚动条，由所述第一滚动条和第二滚动条分别控制所述第一浏览区和第二浏览区进行滚动浏览。

可选地，所述基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片之后，还包括：

分析所述目标图片的主体内容，基于所述目标图片的主体内容结合所述用户的用户信息在所述第一浏览区中添加与所述目标图片的主体内容相关的至少一个商品推荐组件；

基于所述商品推荐组件创建超链接，当所述用户触发所述商品推荐组件时链接至对应的商品详情页。

可选地，所述在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面之前，还包括：

接收所述用户基于所述浏览器输入的搜索关键词，基于所述搜索关键词在预设图片数据库中获取与所述搜索关键词相关的多张图片；

在所述浏览器的当前页面或基于所述浏览器新建页面展示所述多张图片；

所述在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面，包括：

在所述浏览器的当前页面或所述新建页面中监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面。

根据本发明的另一个方面，还提供了一种图片浏览装置，包括：

页面新建模块，配置为在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面；

图片获取模块，配置为获取所述目标图片以及在所述指定页面中与所述目标图片连续的多张目标同类图片；

第一载入模块，配置为基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示。

可选地，所述第一载入模块还配置为：

基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中的主浏览区载入所述目标图片的完整图片；

将所述多张目标同类图片流式载入所述目标图片的下方，基于用户的第一浏览行为进行滚动显示。

可选地，所述装置还包括：

第二载入模块，配置为基于所述浏览页面创建与所述第一浏览区并列显示的瀑布流式第二浏览区；

依据所述目标图片的主体内容和/或所述用户的关注信息在预设图片数据库中选取多张第一推荐图片，将所述多张第一推荐图片流式载入所述第二浏览区，基于所述用户的第二浏览行为进行滚动显示。

可选地，所述装置还包括：

流式推荐模块，配置为基于所述用户的第一浏览行为在所述第一浏览区的主浏览区中滚动显示流式图片，当监测到所述用户停留查看图片时，在所述第二浏览区中对应滚动显示与所述主浏览区中的图片相关的流式推荐图片。

可选地，所述流式推荐模块还配置为：

当在所述第一浏览区滚动显示图片的过程中监测到所述主浏览区中的图片发生变化时，基于预设规则重新确认所述主浏览区中显示的新目标图片；

依据所述新目标图片的主体内容和/或所述用户的关注信息在所述预设图片数据库中选取多张第二推荐图片，将所述多张第二推荐图片动态载入所述第二浏览区。

可选地，所述流式推荐模块还配置为：

判断所述主浏览区是否包括完整显示的第一图片；

当所述主浏览区包括完整显示的第一图片时，将所述第一图片作为所述主浏览区中显示的新目标图片；

当所述主浏览区不包括完整显示的第一图片时，则获取所述主浏览区中显示的多张第二图片，基于所述多张第二图片选取所述主浏览区中显示的新目标图片。

可选地，所述流式推荐模块还配置为：

计算所述多张第二图片中各所述第二图片在所述主浏览区中的显示面积，将显示面积最大的第二图片作为所述主浏览区中显示的新目标图片；

当所述多张第二图片在所述主浏览区中的显示面积相等时，将位于所述主浏览区上方的第二图片作为所述主浏览区中显示的新目标图片。

可选地，所述流式推荐模块还配置为：

当监测到所述主浏览区中的目标图片在所述浏览页面的停留时间大于预设时间时，在所述第二浏览区中对应滚动显示与所述目标图片相关的流式推荐图片。

可选地，所述装置还包括：

设置模块，配置为基于所述浏览页面设置第一滚动条和第二滚动条，由所述第一滚动条和第二滚动条分别控制所述第一浏览区和第二浏览区进行滚动浏览。

可选地，所述装置还包括：

商品推荐模块，配置为分析所述目标图片的主体内容，基于所述目标图片的主体内容结合所述用户的用户信息在所述第一浏览区中添加与所述目标图片的主体内容相关的至少一个商品推荐组件；

基于所述商品推荐组件创建超链接，当所述用户触发所述商品推荐组件时链接至对应的商品详情页。

可选地，所述装置还包括：

搜索模块，配置为接收所述用户基于所述浏览器输入的搜索关键词，基于所述搜索关键词在预设图片数据库中获取与所述搜索关键词相关的多张图片；在所述浏览器的当前页面或在所述浏览器的新建页面中展示所述多张图片；

所述页面新建模块，还配置为在所述浏览器的当前页面或所述新建页面中监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面。

根据本发明的另一个方面，还提供了一种计算机存储介质，所述计算机存储介质存储有计算机程序代码，当所述计算机程序代码在计算设备上运行时，导致所述计算设备执行上述任一项所述的图片浏览方法。

根据本发明的另一个方面，还提供了一种计算设备，包括：

处理器；

存储有计算机程序代码的存储器；

当所述计算机程序代码被所述处理器运行时，导致所述计算设备执行上述任一项所述的图片浏览方法。

在本发明提供的图片浏览方案中，当在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，即可新建浏览页面并创建第一浏览区载入该目标图片进行展示，另外，本发明实施例提供的方法还可以获取指定页面中与该目标图片连续的多张目标同类图片，将所获取的多张目标同类图片基于瀑布流的方式也载入第一浏览区，进而基于用户的第一浏览行为将目标图片以及与目标图片连续的多张目标同类图片进行滚动显示。基于本发明提供的图片浏览方法，以瀑布流的方式将目标图片以及与其连续的多张目标同类图片载入到新建的浏览页面中基于用户的浏览行为进行滚动显示，摒弃了传统的翻页看图的方式，采用了流式的读图模式，使得用户在浏览图片时更加便捷。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

根据下文结合附图对本发明具体实施例的详细描述，本领域技术人员将会更加明了本发明的上述以及其他目的、优点和特征。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1是根据本发明实施例的图片浏览方法流程示意图；

图2是根据本发明优选实施例的图片浏览方法流程示意图；

图3是根据本发明实施例的浏览页面示意图；

图4是根据本发明优选实施例的图片搜索页面示意图；

图5是根据本发明优选实施例的浏览页面示意图；

图6是根据本发明优选实施例的另一浏览页面示意图；

图7是根据本发明实施例的图片浏览装置结构示意图；

图8是根据本发明优选实施例的图片浏览装置结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图1示出了根据本发明实施例提供的图片浏览方法流程示意图，参见图1可知，本发明实施例提供的图片浏览方法可以包括：

步骤S102，在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在浏览器中新建浏览页面；

步骤S104，获取目标图片以及在指定页面中与该目标图片连续的多张目标同类图片；

步骤S106，基于上述浏览页面创建瀑布流式第一浏览区，在瀑布流式第一浏览区中载入上述目标图片以及多张目标同类图片，并基于用户的第一浏览行为进行滚动显示。

在本发明实施例提供的图片浏览方法中，当在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，即可新建浏览页面并创建第一浏览区载入该目标图片进行放大展示，另外，本发明实施例提供的方法还可以获取指定页面中与该目标图片连续的多张目标同类图片，将所获取的多张目标同类图片基于瀑布流的方式也载入第一浏览区，进而基于用户的第一浏览行为将目标图片以及与目标图片连续的多张目标同类图片进行滚动显示。基于本发明实施例提供的图片浏览方法，以瀑布流的方式将目标图片以及与其连续的多张目标同类图片载入到新建的浏览页面中基于用户的浏览行为进行滚动显示，摒弃了传统的翻页看图的方式，采用了流式的读图模式，使得用户在浏览图片时更加便捷。而且，当用户需要对多张图片进行对比时，只需上下滑动即可。需要说明的是，在第一浏览区中的目标图片以及多张目标同类图片为大图显示，具体显示比例可根据浏览页面的窗口大小进行设定。

上述实施例中用户的第一浏览行为可以是通过鼠标滚轮在浏览页面中控制的上下滑动的浏览行为，或是基于鼠标上下拖动的浏览行为，当然也可以是基于键盘或是其他方式对浏览页面中的图片进行滚动浏览的浏览行为。在第一浏览区对目标图片以及其他目标同类图片进行载入显示时，会基于浏览器当前窗口大小自动调节显示比例，以进一步提升用户体验。

参见上述步骤S102，浏览页面是基于用户对浏览器的指定页面中的目标图片触发浏览操作时新建的，该指定页面可以是包括多张图片的页面，如基于用户输入的搜索关键词提供的图片搜索界面。也就是说，在上述步骤S102之前，还可以包括：接收用户基于浏览器输入的搜索关键词，基于上述搜索关键词在预设图片数据库中获取与上述搜索关键词相关的多张图片；在浏览器的当前页面或基于浏览器新建页面展示上述多张图片。预设图片数据库是预先建立的包含海量图片数据的图片数据库。步骤S102可以进一步包括在浏览器的当前页面或上述新建页面中监测到用户针对任意一张目标图片触发浏览操作时，在浏览器中新建浏览页面。也就是说，本发明实施例提供的方法可以是在用户执行图片搜索之后，对已有图片展示界面中的任意一张图片的进一步浏览行为。

在上述步骤S106中提及，获取到目标图片以及与其连续的多张目标同类图片之后，会在瀑布流式的第一浏览区进行显示，实际应用中，对于目标图片以及多张目标同类图片进行显示时，可以基于浏览页面创建瀑布流式第一浏览区，在瀑布流式第一浏览区中的主浏览区载入目标图片的完整图片；将多张目标同类图片流式载入目标图片的下方，基于用户的第一浏览行为进行滚动显示。

图3示出了根据本发明实施例的浏览页面示意图，参见图3可知，基于浏览页面所创建的第一浏览区设置有主浏览区，主浏览区是作为当前浏览页面可直观供用户阅览的区域，而且为了提供更好的阅览效果，还可以在主浏览区的两侧增设留白区、关键词搜索区。提升用户对图片阅览的体验。

本实施例通过将完整的目标图片载入第一浏览区的主浏览区，可以满足用户对其选择的目标图片的浏览需求，该完整的目标图片相较于其在指定页面中的像素会更大，具体可根据主浏览区的窗口大小进行调整，本发明不做限定。另外，对于与目标图片连续的目标同类图片在新建的浏览页面进行展示时，可以基于多张目标同类图片在指定页面中与该目标图片的先后顺序作为新建浏览页面中的滚动浏览顺序，即，如果目标同类图片在指定页面中处于目标图片之前，则在浏览页面中则将其载入目标图片上方，如果目标同类图片在指定页面中处于目标图片之后则将其载入目标图片下方，当然也可以采用其他方式对其进行排序。

在本发明一可选实施例中，如图2所示，在上述步骤S106之后，还可以包括：

步骤S108，基于浏览页面创建与第一浏览区并列显示的瀑布流式第二浏览区；

步骤S110，依据目标图片的主体内容和/或用户的关注信息在预设图片数据库中选取多张第一推荐图片，将多张第一推荐图片流式载入第二浏览区，基于用户的第二浏览行为进行滚动显示。

上文介绍，在第一浏览区中设置主浏览区对指定页面中的目标图片以及与其连续的多张目标同类图片进行加载显示。继续参见图3，本发明实例还可以基于浏览页面创建第二浏览区，对目标图片的相关推荐图片进行实时展示，以进一步满足用户对当前主浏览区中目标图片的更深层次的需求。可选地，第二浏览区中的推荐图片同样采用瀑布流式的方式进行载入，使得用户对图片的阅览更加方便，体验更佳。可选地，第二浏览区中的相关推荐图片可以基于当前目标图片中的主体内容和/或用户的关注信息在预设的图片数据库中进行选取。

其中，根据目标图片中的主体内容选取推荐图片时，可以在预设图片数据库中选取与目标图片相似度大于一定阈值的图片作为推荐图片。而基于用户的关注信息进行选取时，可以获取用户的历史浏览信息或是该用户已有的用户画像信息以及用户主动添加的兴趣标签在图片数据库中选取等等，对于上述选取推荐图片的各方式所占的比例可以基于用户的社会属性或是用户对图片的不同需求进行设置，通过结合智能识图相似测量以及用户个性化内容分析策略以更深层次地满足用户对当前图片的需求。用户的第二浏览行为可以是通过鼠标滚轮在第二浏览区中控制的上下滑动的浏览行为，或是基于鼠标上下拖动的浏览行为，当然也可以是基于键盘或是其他方式对第二浏览区中的图片进行滚动浏览的浏览行为，本发明不做限定。

本发明实施例中的第一浏览区和第二浏览区可以分别被独立控制，可以通过基于浏览页面设置第一滚动条和第二滚动条，由第一滚动条和第二滚动条分别控制第一浏览区和第二浏览区进行滚动浏览。从另一方面来讲，第二浏览区也可以随着第一浏览区的滚动进行滚动。即，第二浏览区可独立第一浏览区进行滚动显示，也可以基于第一浏览区进行实时随动显示。

可选地，在上述步骤S108之后，还可以包括：基于用户的第一浏览行为在第一浏览区的主浏览区中滚动显示流式图片，若监测到用户停留查看图片，则在第二浏览区中对应滚动显示与主浏览区中的图片相关的流式推荐图片。实际应用中，用户对第一浏览区中的图片是动态的，即是不间断的滚动浏览的，相应地，对于第二浏览区中也可以对应滚动显示与主浏览区中的图片相关的流式推荐图片。第二浏览区在浏览页面中所占的比例优先小于第一浏览区，并且，第二浏览区中推荐图片的大小也可以小于主浏览区中目标图片的大小，推荐图片在第二浏览区中的布局主要是以与目标图片对应，且并列多张显示，数量可基于第二浏览区的大小进行设置，以方便用户浏览。可选地，在本发明实施例中，无论是第一浏览区中的图片还是第二浏览区中的推荐图片，均可以为各图片配置相应的文字说明，进一步提升用户体验。

本发明实施例在第二浏览区加载推荐图片时，优先对用户真正关注的图片进行相关内容的推荐。上述在第二浏览区中对应滚动显示与主浏览区中的图片相关的流式推荐图片可进一步包括：若监测到主浏览区中的目标图片在浏览页面的停留时间大于预设时间，则在第二浏览区中对应滚动显示与该目标图片相关的流式推荐图片。其中，预设时间优先选择400ms～1s之间的时间阈值，如600ms，具体数值还可以结合不同的应用场景以及当前网络环境进行设置，本发明不做限定。

一般来讲，用户对一张图片的关注度可通过该图片在页面上的停留时间进行判断，当其在当前浏览页面上停留时间越长，可以认为用户对这张图片的关注度越高。因此，通过对主浏览区中目标图片在浏览页面上的停留时间判断是否进行相关推荐图片的展示，可以基于用户的关注度进行相关内容的推荐，以深层次满足用户对主浏览区目标图片的浏览需求，进而可以提升浏览页面的访问速度以及响应效率，以防对冗余图片的加载而占用网络资源。

进一步地，若在第一浏览区滚动显示图片的过程中监测到主浏览区中的图片发生变化，则基于预设规则重新确认主浏览区中显示的新目标图片；依据新目标图片的主体内容和/或用户的关注信息在预设图片数据库中选取多张第二推荐图片，将多张第二推荐图片动态载入第二浏览区。本发明实施例提供的图片浏览方法可以实时或间隔一定时间对主浏览区中的图片进行监测，当判断主浏览区中的图片发生变化时，就可以重新确定主浏览区中的新目标图片，进而在第二浏览区提供相应的推荐。

基于预设规则对重新确认主浏览区中显示的新目标图片可通过以下方式：

1.判断主浏览区是否包括完整显示的第一图片；

2.若主浏览区包括完整显示的第一图片，则将第一图片作为主浏览区中显示的新目标图片；

3.若主浏览区不包括完整显示的第一图片，则获取主浏览区中显示的多张第二图片，基于上述多张第二图片选取主浏览区中显示的新目标图片。

具体进行选取时，可以计算多张第二图片中各第二图片在主浏览区中的显示面积，将显示面积最大的第二图片作为主浏览区中显示的新目标图片；若多张第二图片在主浏览区中的显示面积相等，则将位于主浏览区上方的第二图片作为所浏览区中显示的新目标图片。

在本发明另一可选实施例中，上述步骤S106基于浏览页面创建瀑布流式第一浏览区，在瀑布流式第一浏览区中载入目标图片以及多张目标同类图片之后，还可以包括：分析目标图片的主体内容，基于目标图片的主体内容结合用户的用户信息在第一浏览区中添加与目标图片的主体内容相关的至少一个商品推荐组件；基于商品推荐组件创建超链接，当用户触发商品推荐组件时链接至对应的商品详情页。商品推荐组件是基于浏览页面中的图片所推荐用户关注的商品内容，在选取商品推荐组件时，除了基于浏览页面主浏览区的目标图片推荐相关内容之外，还可以通过对用户信息进行分析，推荐用户所关注的相关商品内容，进而对用户的商业诉求进行友好满足。

下面通过一优选实施例对上述实施例所介绍的图片浏览方法进行详细说明。本实施例提供的图片浏览方法可以包括：

1、获取用户基于浏览器当前页面的搜索栏中输入的搜索关键词“玫瑰美图”，基于“玫瑰美图”在预设图片数据库中搜索相关的图片，并展示在浏览器的当前页面中，如图4所示；

2、当在图4所示页面中，当监测到用户针对图片x触发浏览操作时，新建如图5所示的浏览页面，将图片x作为目标图片，同时获取与图片x连续的多张目标同类图片，即，图片x-n～图片x+n(n为设定的任意自然数)；

3、在图5所示页面中创建并列显示的瀑布流式第一浏览区51和第二浏览区52，并为第一浏览区51和第二浏览区53分别设置滚动条，以分别控制第一浏览区51和第二浏览区53进行滚动浏览；

4、将图片x-n、图片x、图片x+n载入第一浏览区51中，其中图片x处于第一浏览区51的主浏览区511；

5、基于图片x的主体内容以及用户的关注信息(如插花、花环、花篮等)在预设图片数据库中选取与图片x相关的多张推荐图片展示在第二浏览区52中；在第二浏览区52中展示推荐图片时，可以布局多列，各列中的图片交叉对应显示；

6、基于图片x的主体内容结合用户的用户信息在第一浏览区中添加与目标图片的主体内容相关的至少一个商品推荐组件，如图5所示的商品推荐组件1、商品推荐组件2和商品推荐组件3，当用户触发任意一个商品推荐组件后即可进入相关连接购买相关商品；

7、当基于用户针对第一浏览区的浏览行为对第一浏览区中的图片进行滑动浏览时，在第二浏览区中对应滚动显示与主浏览区中的图片相关的流式推荐图片；判断主浏览区中的新目标图片时，如图6所示，在主浏览区完整显示了一张图片3，此时，将图片3作为新目标图片，并在预设图片数据库中获取与图片3相关的多张推荐图片流式载入第二浏览区，以供用户进行滚动浏览。

基于同一发明构思，本发明实施例还提供了一种图片浏览装置，如图7所示，本发明实施例提供的图片浏览装置可以包括：

页面新建模块710，配置为在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在浏览器中新建浏览页面；

图片获取模块720，配置为获取目标图片以及在指定页面中与目标图片连续的多张目标同类图片；

第一载入模块730，配置为基于浏览页面创建瀑布流式第一浏览区，在瀑布流式第一浏览区中载入目标图片以及上述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示。

在本发明一可选实施例中，第一载入模块730还可以配置为：

基于浏览页面创建瀑布流式第一浏览区，在瀑布流式第一浏览区中的主浏览区载入目标图片的完整图片；

将上述多张目标同类图片流式载入目标图片的下方，基于用户的第一浏览行为进行滚动显示。

在本发明一可选实施例中，如图8所示，上述装置还可以包括：

第二载入模块740，配置为基于浏览页面创建与第一浏览区并列显示的瀑布流式第二浏览区；

依据目标图片的主体内容和/或用户的关注信息在预设图片数据库中选取多张第一推荐图片，将上述多张第一推荐图片流式载入第二浏览区，基于用户的第二浏览行为进行滚动显示。

在本发明一可选实施例中，如图8所示，上述装置还可以包括：

流式推荐模块750，配置为基于用户的第一浏览行为在第一浏览区的主浏览区中滚动显示流式图片，当监测到所述用户停留查看图片时，在第二浏览区中对应滚动显示与主浏览区中的图片相关的流式推荐图片。

在本发明一可选实施例中，流式推荐模块750还可以配置为：

当在第一浏览区滚动显示图片的过程中监测到主浏览区中的图片发生变化时，基于预设规则重新确认主浏览区中显示的新目标图片；

依据新目标图片的主体内容和/或用户的关注信息在预设图片数据库中选取多张第二推荐图片，将上述多张第二推荐图片动态载入第二浏览区。

在本发明一可选实施例中，流式推荐模块750还可以配置为：

判断主浏览区是否包括完整显示的第一图片；

当主浏览区包括完整显示的第一图片时，将第一图片作为主浏览区中显示的新目标图片；

当主浏览区不包括完整显示的第一图片时，则获取主浏览区中显示的多张第二图片，基于上述多张第二图片选取主浏览区中显示的新目标图片。

在本发明一可选实施例中，流式推荐模块750还可以配置为：

计算上述多张第二图片中各第二图片在主浏览区中的显示面积，将显示面积最大的第二图片作为主浏览区中显示的新目标图片；

当上述多张第二图片在主浏览区中的显示面积相等时，将位于主浏览区上方的第二图片作为主浏览区中显示的新目标图片。

在本发明一可选实施例中，流式推荐模块750还可以配置为：

当监测到所述主浏览区中的目标图片在所述浏览页面的停留时间大于预设时间时，在所述第二浏览区中对应滚动显示与所述目标图片相关的流式推荐图片。

在本发明一可选实施例中，如图8所示，上述装置还可以包括：

设置模块760，配置为基于浏览页面设置第一滚动条和第二滚动条，由第一滚动条和第二滚动条分别控制第一浏览区和第二浏览区进行滚动浏览。

在本发明一可选实施例中，如图8所示，上述装置还可以包括：

商品推荐模块770，配置为分析目标图片的主体内容，基于目标图片的主体内容结合用户的用户信息在第一浏览区中添加与目标图片的主体内容相关的至少一个商品推荐组件；

基于商品推荐组件创建超链接，当用户触发商品推荐组件时链接至对应的商品详情页。

在本发明一可选实施例中，如图8所示，上述装置还可以包括：

搜索模块780，配置为接收用户基于浏览器输入的搜索关键词，基于上述搜索关键词在预设图片数据库中获取与上述搜索关键词相关的多张图片；在浏览器的当前页面或在浏览器的新建页面中展示上述多张图片；

页面新建模块710，还可以配置为在浏览器的当前页面或新建页面中监测到用户针对任意一张目标图片触发浏览操作时，在浏览器中新建浏览页面。

基于同一发明构思，本发明实施例还提供了一种计算机存储介质，计算机存储介质存储有计算机程序代码，当计算机程序代码在计算设备上运行时，导致计算设备执行上述任一实施例所述的图片浏览方法。

基于同一发明构思，本发明实施例还提供了一种计算设备，包括：

处理器；

存储有计算机程序代码的存储器；

当计算机程序代码被处理器运行时，导致计算设备执行上述任一实施例所述的图片浏览方法。

在本发明实施例提供的图片浏览方法中，当在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，即可新建浏览页面并创建第一浏览区载入该目标图片进行展示，另外，本发明实施例提供的方法还可以获取指定页面中与该目标图片连续的多张目标同类图片，将所获取的多张目标同类图片基于瀑布流的方式也载入第一浏览区，进而基于用户的第一浏览行为将目标图片以及与目标图片连续的多张目标同类图片进行滚动显示。基于本发明实施例提供的图片浏览方法，摒弃了传统的翻页看图的方式，采用了流式的读图模式，使得用户在浏览图片时更加便捷。而且，当用户需要对多张图片进行对比时，只需上下滑动即可。

另外，还可以创建第二浏览区对应于第一浏览区中的目标图片实时滚动显示相关的推荐图片，结合智能识图相似测量以及用户个性化内容分析策略以更深层次地满足用户对当前图片的浏览需求，提升浏览效率的同时节省用户的时间成本。除上述介绍的之外，还可以添加与目标图片相关的商品推荐组件，进一步满足用户的商品需求。

所属领域的技术人员可以清楚地了解到，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，为简洁起见，在此不另赘述。

另外，在本发明各个实施例中的各功能单元可以物理上相互独立，也可以两个或两个以上功能单元集成在一起，还可以全部功能单元都集成在一个处理单元中。上述集成的功能单元既可以采用硬件的形式实现，也可以采用软件或者固件的形式实现。

本领域普通技术人员可以理解：所述集成的功能单元如果以软件的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，其包括若干指令，用以使得一台计算设备(例如个人计算机，服务器，或者网络设备等)在运行所述指令时执行本发明各实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM)、随机存取存储器(RAM)，磁碟或者光盘等各种可以存储程序代码的介质。

或者，实现前述方法实施例的全部或部分步骤可以通过程序指令相关的硬件(诸如个人计算机，服务器，或者网络设备等的计算设备)来完成，所述程序指令可以存储于一计算机可读取存储介质中，当所述程序指令被计算设备的处理器执行时，所述计算设备执行本发明各实施例所述方法的全部或部分步骤。

最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：在本发明的精神和原则之内，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案脱离本发明的保护范围。

根据本发明实施例的一个方面，提供了A1.一种图片浏览方法，包括：

在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面；

获取所述目标图片以及在所述指定页面中与所述目标图片连续的多张目标同类图片；

基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示。

A2.根据A1所述的方法，其中，所述基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示，包括：

基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中的主浏览区载入所述目标图片的完整图片；

将所述多张目标同类图片流式载入所述目标图片的下方，基于用户的第一浏览行为进行滚动显示。

A3.根据A1所述的方法，其中，所述基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示之后，还包括：

基于所述浏览页面创建与所述第一浏览区并列显示的瀑布流式第二浏览区；

依据所述目标图片的主体内容和/或所述用户的关注信息在预设图片数据库中选取多张第一推荐图片，将所述多张第一推荐图片流式载入所述第二浏览区，基于所述用户的第二浏览行为进行滚动显示。

A4.根据A3所述的方法，其中，所述基于所述浏览页面创建与所述第一浏览区并列显示的瀑布流式第二浏览区之后，还包括：

基于所述用户的第一浏览行为在所述第一浏览区的主浏览区中滚动显示流式图片，若监测到所述用户停留查看图片，则在所述第二浏览区中对应滚动显示与所述主浏览区中的图片相关的流式推荐图片。

A5.根据A4所述的方法，其中，所述若监测到所述用户停留查看图片，则在所述第二浏览区中对应滚动显示与所述主浏览区中的图片相关的流式推荐图片，包括：

若在所述第一浏览区滚动显示图片的过程中监测到所述主浏览区中的图片发生变化，则基于预设规则重新确认所述主浏览区中显示的新目标图片；

依据所述新目标图片的主体内容和/或所述用户的关注信息在所述预设图片数据库中选取多张第二推荐图片，将所述多张第二推荐图片动态载入所述第二浏览区。

A6.根据A5所述的方法，其中，所述基于预设规则重新确认所述主浏览区中显示的新目标图片，包括：

判断所述主浏览区是否包括完整显示的第一图片；

若所述主浏览区包括完整显示的第一图片，则将所述第一图片作为所述主浏览区中显示的新目标图片；

若所述主浏览区不包括完整显示的第一图片，则获取所述主浏览区中显示的多张第二图片，基于所述多张第二图片选取所述主浏览区中显示的新目标图片。

A7.根据A6所述的方法，其中，所述基于所述多张第二图片选取所述主浏览区中显示的新目标图片，包括：

计算所述多张第二图片中各所述第二图片在所述主浏览区中的显示面积，将显示面积最大的第二图片作为所述主浏览区中显示的新目标图片；

若所述多张第二图片在所述主浏览区中的显示面积相等，则将位于所述主浏览区上方的第二图片作为所述主浏览区中显示的新目标图片。

A8.根据A4-A7任一项所述的方法，其中，所述若监测到所述用户停留查看图片，则在所述第二浏览区中对应滚动显示与所述主浏览区中的图片相关的流式推荐图片，包括：

若监测到所述主浏览区中的目标图片在所述浏览页面的停留时间大于预设时间，则在所述第二浏览区中对应滚动显示与所述目标图片相关的流式推荐图片。

A9.根据A3-A7任一项所述的方法，其中，所述基于所述浏览页面创建与所述第一浏览区并列显示的瀑布流式第二浏览区之后，还包括：

基于所述浏览页面设置第一滚动条和第二滚动条，由所述第一滚动条和第二滚动条分别控制所述第一浏览区和第二浏览区进行滚动浏览。

A10.根据A1-A7任一项所述的方法，其中，所述基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片之后，还包括：

分析所述目标图片的主体内容，基于所述目标图片的主体内容结合所述用户的用户信息在所述第一浏览区中添加与所述目标图片的主体内容相关的至少一个商品推荐组件；

基于所述商品推荐组件创建超链接，当所述用户触发所述商品推荐组件时链接至对应的商品详情页。

A11.根据A1-A7任一项所述的方法，其中，所述在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面之前，还包括：

接收所述用户基于所述浏览器输入的搜索关键词，基于所述搜索关键词在预设图片数据库中获取与所述搜索关键词相关的多张图片；

在所述浏览器的当前页面或基于所述浏览器新建页面展示所述多张图片；

所述在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面，包括：

在所述浏览器的当前页面或所述新建页面中监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面。

根据本发明实施例的另一个方面，还提供了B12.一种图片浏览装置，包括：

页面新建模块，配置为在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面；

图片获取模块，配置为获取所述目标图片以及在所述指定页面中与所述目标图片连续的多张目标同类图片；

第一载入模块，配置为基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示。

B13.根据B11所述的装置，其中，所述第一载入模块还配置为：

基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中的主浏览区载入所述目标图片的完整图片；

将所述多张目标同类图片流式载入所述目标图片的下方，基于用户的第一浏览行为进行滚动显示。

B14.根据B11所述的装置，其中，还包括：

第二载入模块，配置为基于所述浏览页面创建与所述第一浏览区并列显示的瀑布流式第二浏览区；

依据所述目标图片的主体内容和/或所述用户的关注信息在预设图片数据库中选取多张第一推荐图片，将所述多张第一推荐图片流式载入所述第二浏览区，基于所述用户的第二浏览行为进行滚动显示。

B15.根据B13所述的装置，其中，还包括：

流式推荐模块，配置为基于所述用户的第一浏览行为在所述第一浏览区的主浏览区中滚动显示流式图片，当监测到所述用户停留查看图片时，在所述第二浏览区中对应滚动显示与所述主浏览区中的图片相关的流式推荐图片。

B16.根据B15所述的装置，其中，所述流式推荐模块还配置为：

当在所述第一浏览区滚动显示图片的过程中监测到所述主浏览区中的图片发生变化时，基于预设规则重新确认所述主浏览区中显示的新目标图片；

依据所述新目标图片的主体内容和/或所述用户的关注信息在所述预设图片数据库中选取多张第二推荐图片，将所述多张第二推荐图片动态载入所述第二浏览区。

B17.根据B16所述的装置，其中，所述流式推荐模块还配置为：

判断所述主浏览区是否包括完整显示的第一图片；

当所述主浏览区包括完整显示的第一图片时，将所述第一图片作为所述主浏览区中显示的新目标图片；

当所述主浏览区不包括完整显示的第一图片时，则获取所述主浏览区中显示的多张第二图片，基于所述多张第二图片选取所述主浏览区中显示的新目标图片。

B18.根据B17所述的装置，其中，所述流式推荐模块还配置为：

计算所述多张第二图片中各所述第二图片在所述主浏览区中的显示面积，将显示面积最大的第二图片作为所述主浏览区中显示的新目标图片；

当所述多张第二图片在所述主浏览区中的显示面积相等时，将位于所述主浏览区上方的第二图片作为所述主浏览区中显示的新目标图片。

B19.根据B15-B18任一项所述的装置，其中，所述流式推荐模块还配置为：

当监测到所述主浏览区中的目标图片在所述浏览页面的停留时间大于预设时间时，在所述第二浏览区中对应滚动显示与所述目标图片相关的流式推荐图片。

B20.根据B14-B18任一项所述的装置，其中，还包括：

设置模块，配置为基于所述浏览页面设置平级关系的第一滚动条和第二滚动条，由所述第一滚动条和第二滚动条各自独立控制所述第一浏览区和第二浏览区进行滚动浏览。

B21.根据B12-B18任一项所述的装置，其中，还包括：

商品推荐模块，配置为分析所述目标图片的主体内容，基于所述目标图片的主体内容结合所述用户的用户信息在所述第一浏览区中添加与所述目标图片的主体内容相关的至少一个商品推荐组件；

基于所述商品推荐组件创建超链接，当所述用户触发所述商品推荐组件时链接至对应的商品详情页。

B22.根据B12-B18任一项所述的装置，其中，还包括：

搜索模块，配置为接收所述用户基于所述浏览器输入的搜索关键词，基于所述搜索关键词在预设图片数据库中获取与所述搜索关键词相关的多张图片；在所述浏览器的当前页面或在所述浏览器的新建页面中展示所述多张图片；

所述页面新建模块，还配置为在所述浏览器的当前页面或所述新建页面中监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面。

根据本发明实施例的另一个方面，还提供了C23.一种计算机存储介质，所述计算机存储介质存储有计算机程序代码，当所述计算机程序代码在计算设备上运行时，导致所述计算设备执行A1-A11任一项所述的图片浏览方法。

根据本发明实施例的另一个方面，还提供了D24.一种计算设备，包括：

处理器；

存储有计算机程序代码的存储器；

当所述计算机程序代码被所述处理器运行时，导致所述计算设备执行A1-A11任一项所述的图片浏览方法。

Claims (10)

1.一种图片浏览方法，包括：

在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面；

获取所述目标图片以及在所述指定页面中与所述目标图片连续的多张目标同类图片；

基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示。

2.根据权利要求1所述的方法，其中，所述基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示，包括：

基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中的主浏览区载入所述目标图片的完整图片；

将所述多张目标同类图片流式载入所述目标图片的下方，基于用户的第一浏览行为进行滚动显示。

3.根据权利要求1所述的方法，其中，所述基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示之后，还包括：

基于所述浏览页面创建与所述第一浏览区并列显示的瀑布流式第二浏览区；

依据所述目标图片的主体内容和/或所述用户的关注信息在预设图片数据库中选取多张第一推荐图片，将所述多张第一推荐图片流式载入所述第二浏览区，基于所述用户的第二浏览行为进行滚动显示。

4.根据权利要求3所述的方法，其中，所述基于所述浏览页面创建与所述第一浏览区并列显示的瀑布流式第二浏览区之后，还包括：

基于所述用户的第一浏览行为在所述第一浏览区的主浏览区中滚动显示流式图片，若监测到所述用户停留查看图片，则在所述第二浏览区中对应滚动显示与所述主浏览区中的图片相关的流式推荐图片。

5.根据权利要求4所述的方法，其中，所述若监测到所述用户停留查看图片，则在所述第二浏览区中对应滚动显示与所述主浏览区中的图片相关的流式推荐图片，包括：

若在所述第一浏览区滚动显示图片的过程中监测到所述主浏览区中的图片发生变化，则基于预设规则重新确认所述主浏览区中显示的新目标图片；

依据所述新目标图片的主体内容和/或所述用户的关注信息在所述预设图片数据库中选取多张第二推荐图片，将所述多张第二推荐图片动态载入所述第二浏览区。

6.根据权利要求5所述的方法，其中，所述基于预设规则重新确认所述主浏览区中显示的新目标图片，包括：

判断所述主浏览区是否包括完整显示的第一图片；

若所述主浏览区包括完整显示的第一图片，则将所述第一图片作为所述主浏览区中显示的新目标图片；

若所述主浏览区不包括完整显示的第一图片，则获取所述主浏览区中显示的多张第二图片，基于所述多张第二图片选取所述主浏览区中显示的新目标图片。

7.根据权利要求6所述的方法，其中，所述基于所述多张第二图片选取所述主浏览区中显示的新目标图片，包括：

计算所述多张第二图片中各所述第二图片在所述主浏览区中的显示面积，将显示面积最大的第二图片作为所述主浏览区中显示的新目标图片；

若所述多张第二图片在所述主浏览区中的显示面积相等，则将位于所述主浏览区上方的第二图片作为所述主浏览区中显示的新目标图片。

8.一种图片浏览装置，包括：

页面新建模块，配置为在浏览器指定页面监测到用户针对任意一张目标图片触发浏览操作时，在所述浏览器中新建浏览页面；

图片获取模块，配置为获取所述目标图片以及在所述指定页面中与所述目标图片连续的多张目标同类图片；

第一载入模块，配置为基于所述浏览页面创建瀑布流式第一浏览区，在所述瀑布流式第一浏览区中载入所述目标图片以及所述多张目标同类图片，并基于用户的第一浏览行为进行滚动显示。

9.一种计算机存储介质，所述计算机存储介质存储有计算机程序代码，当所述计算机程序代码在计算设备上运行时，导致所述计算设备执行权利要求1-7任一项所述的图片浏览方法。

10.一种计算设备，包括：

处理器；

存储有计算机程序代码的存储器；

当所述计算机程序代码被所述处理器运行时，导致所述计算设备执行权利要求1-7任一项所述的图片浏览方法。

Images