一种图片展示方法及装置制造方法及图纸

本发明专利技术公开了一种图片展示方法及装置，用以实现以图片墙的布局展示图片的目的。所述图片展示方法包括：获得在web页面上展示图片的触发；根据所述触发调用预设的图片墙展示插件；将待展示图片加载到所述图片墙展示插件中；利用所述图片墙展示插件，在所述web页面上以图片墙的布局展示加载后的图片。

【技术实现步骤摘要】

本专利技术涉及互联网应用
，特别涉及一种图片展示方法及装置。
技术介绍
目前，在一些应用中，通过将多张用户分享的同一场景或地理位置的图片（如用 户在旅游景点拍摄的照片等）进行展示，以提升用户分享的图片之间的关联度，从而增强 用户体验。 然而，目前在获取用户上传的图片之后，这些图片通常以列表或图标的形式进行 展示，用户需要通过点击或滑动操作进行图片的切换展示，展现形式较单一，并且操作较繁 琐。因而，亟待解决这一问题。
技术实现思路
本专利技术提供一种图片展示方法及装置，用以实现以图片墙的布局展示图片的目 的。 本专利技术提供一种图片展示方法，包括： 获得在web页面上展示图片的触发； 根据所述触发调用预设的图片墙展示插件； 将待展示图片加载到所述图片墙展示插件中； 利用所述图片墙展示插件，在所述web页面上以图片墙的布局展示加载后的图 片。 在本专利技术一实施例中，所述图片墙展示插件内设置有至少一个图片布局模板，利 用所述图片墙展示插件，在所述web页面上以图片墙的布局展示加载后的图片，包括： 从所述至少一个图片布局模板中选取一图片布局模板； 将加载后的图片放置在选取的所述图片布局模板中，生成图片墙在所述web页面 上进行展示。 在本专利技术一实施例中，将加载后的图片放置在选取的所述图片布局模板中，包 括： 获取加载后的图片的编号； 根据所述编号，将加载后的图片对应放置在选取的所述图片布局模板中。 在本专利技术一实施例中，所述方法还包括： 获取加载后的图片的尺寸； 在将加载后的图片放置在选取的所述图片布局模板中时，若图片的尺寸与所述图 片布局模板中模板元素的尺寸不适配，则调整该图片的尺寸，以适配该模板元素的尺寸。 在本专利技术一实施例中，所述图片布局模板中模板元素包含图片图层和相框图层， 将加载后的图片放置在选取的所述图片布局模板中，包括： 将加载后的图片放置在选取的所述图片布局模板中的图片图层，并与相框图层叠 加。 在本专利技术一实施例中，所述方法还包括： 当需要在所述web页面上同时展示多个图片布局模板各自生成的图片墙时，确定 各个图片布局模板生成的图片墙对应的时间点； 通过时间轴的方式在所述web页面上同时展示各个图片布局模板生成的图片墙。 本专利技术还提供一种图片展示装置，包括： 获取模块，用于获得在web页面上展示图片的触发； 调用模块，用于根据所述触发调用预设的图片墙展示插件； 加载模块，用于将待展示图片加载到所述图片墙展示插件中； 展示模块，用于利用所述图片墙展示插件，在所述web页面上以图片墙的布局展 示加载后的图片。 在本专利技术一实施例中，所述图片墙展示插件内设置有至少一个图片布局模板，所 述展示模块包括： 选取单元，用于从所述至少一个图片布局模板中选取一图片布局模板； 展示单元，用于将加载后的图片放置在选取的所述图片布局模板中，生成图片墙 在所述web页面上进行展示。 在本专利技术一实施例中，所述展示单元还用于： 获取加载后的图片的编号； 根据所述编号，将加载后的图片对应放置在选取的所述图片布局模板中。 在本专利技术一实施例中，所述展示单元还用于： 获取加载后的图片的尺寸； 在将加载后的图片放置在选取的所述图片布局模板中时，若图片的尺寸与所述图 片布局模板中模板元素的尺寸不适配，则调整该图片的尺寸，以适配该模板元素的尺寸。 本专利技术实施例的一些有益效果可以包括： 本专利技术实施例中，获得在web页面上展示图片的触发，根据该触发调用预设的图 片墙展示插件，随后将待展示图片加载到图片墙展示插件中，进而利用图片墙展示插件，在 web页面上以图片墙的布局展示加载后的图片。由此可知，本专利技术实施例利用图片墙展示插 件实现了以图片墙的布局展示图片的目的。由于图片墙能够充分展示图片，因而用户无需 通过点击或滑动操作进行图片的切换展示，使得图片展示更加灵活直观。 此外，本专利技术实施例中还可以以时间轴的方式展示图片墙，方便用户根据时间点 查询图片，能够提高查询速度，为用户提供更好的展示体验。 本专利技术的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变 得显而易见，或者通过实施本专利技术而了解。本专利技术的目的和其他优点可通过在所写的说明 书、权利要求书、以及附图中所特别指出的结构来实现和获得。 下面通过附图和实施例，对本专利技术的技术方案做进一步的详细描述。【附图说明】 附图用来提供对本专利技术的进一步理解，并且构成说明书的一部分，与本专利技术的实 施例一起用于解释本专利技术，并不构成对本专利技术的限制。在附图中： 图1所示为本专利技术一实施例中图片展示方法的流程图； 图2所示为本专利技术一实施例中以时间轴展示图片墙的示意图； 图3所示为本专利技术另一实施例中图片展示方法的流程图； 图4所示为本专利技术一实施例中图片展示装置的结构示意图；以及 图5所示为本专利技术一实施例中展示模块44的结构示意图。【具体实施方式】 以下结合附图对本专利技术的优选实施例进行说明，应当理解，此处所描述的优选实 施例仅用于说明和解释本专利技术，并不用于限定本专利技术。 图1所示为本专利技术一实施例中图片展示方法的流程图，该方法包括以下步骤 S11-S14 ： 步骤S11，获得在web页面上展示图片的触发。 该步骤中，可以在web (网络）页面上设置展示图片的入口，当该入口被点击或双 击时，获得在web页面上展示图片的触发。或者，还可以结合物理按键来实现，例如，当终端 处于web页面上时，当接收到连续敲击键盘上的空格两次的操作指令时，则获得在web页面 上展示图片的触发。当然，还可以通过其他方式获得该触发。 步骤S12,根据该触发调用预设的图片墙展示插件。 步骤S13,将待展不图片加载到图片墙展不插件中。 步骤S14,利用图片墙展示插件，在web页面上以图片墙的布局展示加载后的图 片。 本专利技术实施例中，获得在web页面上展示图片的触发，根据该触发调用预设的图 片墙展示插件，随后将待展示图片加载到图片墙展示插件中，进而利用图片墙展示插件，在 web页面上以图片墙的布局展示加载后的图片。由此可知，本专利技术实施例利用图片墙展示插 件实现了以图片墙的布局展示图片的目的。由于图片墙能够充分展示图片，因而用户无需 通过点击或滑动操作进行图片的切换展示，使得图片展示更加灵活直观。 在本专利技术一实施例中，图片墙展示插件内设置有至少一个图片布局模板，每个图 片布局模板定义了模板元素（即图片）的尺寸、模板元素之间的位置关系、模板元素的边框 的边缘到背景边缘的距离等等。 在本专利技术的另一实施例中，每个图片布局模板中的模板元素，即图片，可以采用 DIV来实现。DIV元素是用来为HTML(Hypertext Markup Language，超文本标记语言）文档 内大块（block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的 所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者 是通过使用样式表格式化这个块来进行控制。 此时，上文步骤S14可以实施为以下步骤A1-A2 : 步骤A1，从至少一个图片布局模板中选取一图片布局模板。 该步骤中，可以根据用户的选取操作，从至少一个图片布局模板中选取一图片布 局模板。也可以根据待展示图片的类型，从至少一个图片布局模板中匹配到一图片本文档来自技高网...

【技术保护点】
一种图片展示方法，其特征在于，包括：获得在web页面上展示图片的触发；根据所述触发调用预设的图片墙展示插件；将待展示图片加载到所述图片墙展示插件中；利用所述图片墙展示插件，在所述web页面上以图片墙的布局展示加载后的图片。

【技术特征摘要】

【专利技术属性】
技术研发人员：黄镇，杨井，李磊，杨财智，殳亚军，杨翠花，
申请(专利权)人：无锡天脉聚源传媒科技有限公司，
类型：发明
国别省市：江苏;32