[发明专利]轮播图展示方法、装置、电子设备及计算机可读介质

说明书

本公开提供一种轮播图展示方法、装置、电子设备及计算机可读介质，属于互联网技术领域。该方法包括：获取构成轮播图的背景图；检测所述背景图中是否添加动画元素，所述动画元素为图片或文字；如果所述背景图中检测到动画元素，则根据所述背景图和所述动画元素的属性信息进行优先级的排序，且所述背景图的优先级高于所述动画元素的优先级；根据所述优先级从高到低的顺序进行加载。本公开在背景图下添加动画元素，内容管理不仅仅只是增加或删除图片，可以在不修改前端开发工程师修改代码再上线的流程的前提下，即可达到随时自定义动画展示轮播图的目的。还通过将原来的全部下载改为按需下载，即优先下载需要优先显示的部分，达到快速展示的效果。

技术领域

本公开总体涉及互联网技术领域，具体而言，涉及一种轮播图展示方法、装置、电子设备及计算机可读介质。

背景技术

对于大部分企业互联网支撑服务平台，跟大部分的官方网站一样，轮播图是必不可少的元素。官网中的轮播图占据网页的一大部分位置，用于实时显示最新动态与活动。

通常，轮播图的切换是通过左右滑动来达到显示下一张图片的效果。其切换的左右滑动的动画是通过CSS(Cascading Style Sheets，层叠样式表)动画实现，即为轮播图的父标签添加了一个过渡的动画属性，在即将切换的时候设置其CSS中的left属性，则该父标签就会按照一定属性描画出轨迹进行运动，从而形成了切换动画。但是轮播图的切换方式只是固定的左右滑动切换，切换动画单一，会带来疲劳感，缺乏新鲜感。

因此，现有技术中的技术方案还存在有待改进之处。

在所述背景技术部分公开的上述信息仅用于加强对本公开的背景的理解，因此它可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开提供一种轮播图展示方法、装置、电子设备及计算机可读介质，解决上述技术问题。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本公开的一方面，提供一种轮播图展示方法，包括：

获取构成轮播图的背景图；

检测所述背景图中是否添加动画元素，所述动画元素为图片或文字；

如果所述背景图中检测到动画元素，则根据所述背景图和所述动画元素的属性信息进行优先级的排序，且所述背景图的优先级高于所述动画元素的优先级；

根据所述优先级从高到低的顺序进行加载。

在本公开的一个实施例中，所述属性信息包括存储路径、大小、位置、动画路径、预设权重和轮播顺序中的至少一种。

在本公开的一个实施例中，根据所述背景图和所述动画元素的属性信息进行优先级的排序包括：

如果所述背景图中检测到多个动画元素，则获取所述多个动画元素的属性信息；

根据所述属性信息对所述多个动画元素的优先级进行排序，形成队列；

其中所述多个动画元素的优先级均低于所述背景图的优先级。

在本公开的一个实施例中，根据所述属性信息对所述多个动画元素的优先级进行排序，形成队列包括：

判断所述属性信息中是否含有预设权重；

如果所述属性信息中含有所述预设权重，则对所述多个动画元素按照所述预设权重的值从大到小的顺序排列，形成元素队列；

如果所述属性信息中不含有所述预设权重，则对所述多个动画元素按照所述大小的值从小到大的顺序排列，形成所述元素队列；

将所述背景图添加在所述元素队列之前，形成所述队列。