[发明专利]一种图片展示方法和装置

说明书

技术领域

本发明涉及互联网领域，更为具体而言，设计一种图片展示方法和装置。

背景技术

目前，现有的电商网站的页面上图片滚动技术主要包括两种，一种图片 滚动技术是图片在网页的水平或竖直方向上固定区域中滚动；另外一种图片 滚动技术是单张图片在网页的移动。

在前一种图片滚动技术中，图片滚动的方向仅是水平方向或竖直方向， 也就是说，图片滚动的轨迹只能是水平或竖直的直线型轨迹，缺乏图片展示 的灵活性；而在后一种图片滚动技术中，只能进行单张图片的移动，可展示 的图片数量受限。

发明内容

为解决上述技术问题，本发明提供了一种图片展示方法和装置。

根据本发明实施方式的第一方面，提供了一种图片展示方法，该方法包 括：根据用户输入的图片滚动区域的配置参数在网站的页面中创建图片滚动 区域，其中，所述配置参数包括中心线和宽度，所述图片滚动区域是由沿所 述中心线向两侧延伸所述宽度形成的封闭区域；接收待展示的图片以及所述 图片的展示顺序设置；在所述图片滚动区域中按照所述展示顺序设置展示所 述图片。

在一些实施方式中，所述中心线为封闭曲线。

在一些实施方式中，所述在所述图片滚动区域中按照所述展示顺序设置 展示所述图片包括：将所述图片的中心点沿着所述中心线在所述图片滚动区 域按照所述展示顺序设置进行展示。

在一些实施方式中，所述在所述图片滚动区域中按照所述展示顺序设置 展示所述图片包括：在所述图片滚动区域中按照所述展示顺序设置以平移所 述图片的方式展示所述图片。

在一些实施方式中，所述图片包括多个图片。

根据本发明实施方式的第二方面，提供了一种图片展示装置，该装置可 包括：路径编辑模块，用于根据用户输入的图片滚动区域的配置参数在网站 的页面中创建图片滚动区域，其中，所述配置参数包括中心线和宽度，所述 图片滚动区域是由沿所述中心线向两侧延伸所述宽度形成的封闭区域；图片 输入模块，用于接收待展示的图片以及所述图片的展示顺序设置；图片展示 模块，用于在所述图片滚动区域中按照所述展示顺序设置展示所述图片。

在一些实施方式中，所述中心线为封闭曲线。

在一些实施方式中，所述图片展示模块在所述图片滚动区域中按照所述 展示顺序设置展示所述图片包括：将所述图片的中心点沿着所述中心线在所 述图片滚动区域按照所述展示顺序设置进行展示。

在一些实施方式中，所述图片展示模块在所述图片滚动区域中按照所述 展示顺序设置展示所述图片包括：在所述图片滚动区域中按照所述展示顺序 设置以平移所述图片的方式展示所述图片。

在一些实施方式中，所述图片包括多个图片。

实施本发明实施方式提供的图片展示方法和装置，具有下述的有益效果：

首先，设置专门的图片滚动区域，将网站页面上的图片仅在该图片滚动 区域展示，在图片滚动区域之外的区域进行遮挡，避免了现有技术中让图片 以水平或垂直的直线型轨迹运动容易遮挡其背后内容的问题；

其次，能够根据用户输入的配置参数灵活设置图片滚动区域，改善了图 片滚动区域设置的灵活性；

再次，能够使图片在固定的图片滚动区域内以封闭的环路路径展示，与 现有的仅能以水平或竖直的直线型轨迹进行展示相比，拓展了图片展示的路 径，改善了图片展示的灵活性；

第四，能够在固定的图片滚动区域按顺序展示多个图片，即使增加图片 数量，也不会增加遮挡网页页面的其他内容。

附图说明

图1是根据本发明的一种实施方式的图片展示方法的流程示意图；

图2A至图2D示出了根据本发明实施方式的封闭曲线；

图3是根据本发明的一种实施方式的图片滚动区域；

图4是根据本发明的一种实施方式的图片滚动区域中的图片展示；

图5是根据本发明的一种实施方式的图片滚动区域中的图片展示；

图6是根据本发明的一种实施方式的图片展示装置的结构示意图。

具体实施方式