[发明专利]一种图片变换的方法和装置

说明书

本发明公开了一种图片变换的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：获取当前指针位置，当前指针位置指示了当前展示的图片组中的第一图片；根据当前指针位置以及图片变换策略，从图片组中确定与第一图片对应的目标图片组；获取目标图片组的展示元素，并对展示元素的属性值进行更改，根据更改后的展示元素展示目标图片组，以变换当前展示的图片组。该实施方式根据当前指针位置和图片变换策略，可以从当前展示的图片组中确定出目标图片组，并通过对元素属性值的更改，以达到展示的图片从当前展示的图片组变换为目标图片组的变化过程，由此实现了在无需引入第三方依赖包的基础上，实现任意样式的图片变换方式。

技术领域

本发明涉及计算机技术领域，尤其涉及一种图片变换的方法和装置。

背景技术

随着互联网行业的快速发展，为了吸引用户的浏览，对于页面展示的要求越来越高。

在现有开发过程中，欲达到对图片实现走马灯模式播放时，通常需要采用第三方依赖包。现有的第三方依赖包虽然样式较多，但功能复杂，全盘引入可能会影响开发过程中其他功能的正常渲染，同时第三方依赖包功能相对固化，不易进行拓展开发，对于不同的项目需求无法进行针对性修改。

发明内容

有鉴于此，本发明实施例提供一种图片变换的方法和装置，根据当前指针位置和图片变换策略，可以从当前展示的图片组中确定出目标图片组，并通过对元素属性值的更改，以达到展示的图片从当前展示的图片组变换为目标图片组的变化过程。在无需引入第三方依赖包的基础上，实现任意样式的图片变换方式。

为实现上述目的，根据本发明实施例的第一方面，提供了一种图片变换的方法。

本发明实施例的图片变换的方法包括：获取当前指针位置，所述当前指针位置指示了当前展示的图片组中的第一图片；根据所述当前指针位置以及图片变换策略，从所述图片组中确定与所述第一图片对应的目标图片组；获取所述目标图片组的展示元素，并对所述展示元素的属性值进行更改，根据更改后的展示元素展示所述目标图片组，以变换当前展示的图片组。

可选地，所述图片变换策略包括：

在当前图片为所述当前展示的图片组中非首末图片的情况下，当前图片对应的目标图片组为所述当前图片、以及与所述当前图片前后相邻的一张或多张图片。

可选地，在所述当前图片为所述当前展示的图片组中首张图片的情况下，所述当前图片对应的目标图片组为所述当前图片、以及位于所述当前图片之后的多张图片。

可选地，在所述当前图片为所述当前展示的图片组中末张图片的情况下，所述当前图片对应的目标图片组为所述当前图片、以及位于所述当前图片之前的多张图片。

可选地，所述获取所述目标图片组的展示元素，并对所述展示元素的属性值进行更改，包括：分别获取所述第一图片对应的第一DOM元素、以及所述目标图片组中除所述第一图片以外的其他图片对应的第二DOM元素；分别对所述第一DOM元素和所述第二DOM元素的宽度进行更改，使得所述第一DOM元素与第二DOM元素的宽度不同。

可选地，所述第一DOM元素的第一宽度大于所述第二DOM元素的第二宽度。

可选地，所述对所述展示元素的属性值进行更改，还包括：将不属于所述目标图片组的其他图片的展示元素的初始宽度设置为第三宽度，且所述第三宽度小于第二宽度。

可选地，所述对所述展示元素的属性值进行更改，还包括：为所述展示元素添加叠层样式表中的时间间隔属性和曲线属性；

所述根据更改后的展示元素展示所述目标图片组，包括：根据所述事件间隔属性和所述曲线属性，确定所述目标图片组的渐变展示方式，根据所述渐变展示方式变换当前展示的图片组。