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

权利要求书

1.一种图片变换的方法，其特征在于，所述方法包括：

获取当前指针位置，所述当前指针位置指示了当前展示的图片组中的第一图片；

根据所述当前指针位置以及图片变换策略，从所述图片组中确定与所述第一图片对应的目标图片组；

获取所述目标图片组的展示元素，并对所述展示元素的属性值进行更改，根据更改后的展示元素展示所述目标图片组，以变换当前展示的图片组。

2.根据权利要求1所述的方法，其特征在于，所述图片变换策略包括：

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

和/或，

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

和/或，

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

3.根据权利要求2所述的方法，其特征在于，所述获取所述目标图片组的展示元素，并对所述展示元素的属性值进行更改，包括：

分别获取所述第一图片对应的第一DOM元素、以及所述目标图片组中除所述第一图片以外的其他图片对应的第二DOM元素；

分别对所述第一DOM元素和所述第二DOM元素的宽度进行更改，使得所述第一DOM元素与第二DOM元素的宽度不同。

4.根据权利要求3所述的方法，其特征在于，

所述第一DOM元素的第一宽度大于所述第二DOM元素的第二宽度。

5.根据权利要求4所述的方法，其特征在于，所述对所述展示元素的属性值进行更改，还包括：

将不属于所述目标图片组的其他图片的展示元素的初始宽度设置为第三宽度，且所述第三宽度小于第二宽度。

6.根据权利要求1所述的方法，其特征在于，所述对所述展示元素的属性值进行更改，还包括：

为所述展示元素添加叠层样式表中的时间间隔属性和曲线属性；

所述根据更改后的展示元素展示所述目标图片组，包括：

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

7.根据权利要求1所述的方法，其特征在于，在所述获取当前指针位置之前，还包括：

使用React组件中的useState函数创建第一管理状态和第二管理状态；其中，所述第一管理状态用于表征所述当前展示的图片组中各个图片的标识，所述第二管理状态用于表征所述当前展示的图片组中各个图片分别对应的一个或多个图片组。

8.根据权利要求7所述的方法，其特征在于，所述根据所述当前指针位置以及图片变换策略，从所述图片组中确定与所述第一图片对应的目标图片组，包括：

根据所述当前指针位置和所述第一管理状态，确定所述第一图片的标识；

根据所述第一图片标识、所述第二管理状态以及所述图片变换策略，确定所述目标图片组。

9.一种图片变换的装置，其特征在于，包括：

获取模块，用于获取当前指针位置，所述当前指针位置指示了当前展示的图片组中的第一图片；

确定模块，用于根据所述当前指针位置以及图片变换策略，从所述图片组中确定与所述第一图片对应的目标图片组；

属性更改模块，用于获取所述目标图片组的展示元素，并对所述展示元素的属性值进行更改，根据更改后的展示元素展示所述目标图片组，以变换当前展示的图片组。

10.一种图片变换的设备，其特征在于，包括：一个或多个处理器；

存储系统，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-8中任一所述的方法。

11.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-8中任一所述的方法。