The invention discloses a method for setting, carousel figure includes: receiving the console to send the carousel figure, the carousel figure including pictures set; according to the background image loading sequence console set, load the image focusing on the background picture; loading console added to the photo collection to add the element set. Obviously, the application user terminal by receiving the console to send the carousel map, can be displayed through the custom console carousel figure, no longer need to manually modify the web front-end development engineer directly through the code, you can modify the console carousel figure in the background images and animations, the user terminal can be loaded with a variety of custom animation carousel figure the use and the preset loading sequence, the user terminal without one-time Download all the pictures, some pictures can preview carousel map, to achieve a fast display effect. In addition, the invention also discloses a corresponding system settings carousel figure.
【技术实现步骤摘要】
一种轮播图设置方法及系统
本专利技术涉及网页制作领域,特别涉及一种轮播图设置方法及系统。
技术介绍
作为一个企业的互联网支撑服务平台,跟大部分的官方网站一样,轮播图是必不可少的元素。官网中的轮播图占据了网页的一大部分位置,用于实时显示最新的动态与活动。轮播图的切换,通常是通过左右滑动来达到显示下一张图片的效果。其切换的左右滑动的动画是通过css3(CSS,CascadingStyleSheet,层叠样式表)动画实现,即为轮播图的附标签添加了一个过渡的动画属性,在即将切换的时候设置其css中的left属性,则该附标签就会按照一定属性描画出轨迹进行运动,从而形成了切换动画。现有技术中,轮播的图片都是一次性全部加载,从而可能导致想显示出来的图片未下载完成,暂时不需要显示的图片却已下载,且官网上的轮播图的切换动画是固定了的左右滑动的切换方式,这种动画比较普通,用户接触久了会有一种疲劳感,尤其是控制台的内容管理,只能单纯地上传一张张的图片和修改图片的顺序,因此为了达到修改轮播图效果,需要web前端开发工程师上线手动修改代码。
技术实现思路
有鉴于此,本专利技术的目的在于提供一种轮播图设置方法,使终端能够接收通过控制台修改轮播图效果,不再需要web前端开发工程师手动修改代码。其具体方案如下:一种轮播图设置方法,包括:接收控制台发送的轮播图,其中,所述轮播图中包括图片集;按照所述控制台设定的背景图片加载顺序,加载所述图片集中的背景图片;加载所述控制台添加到所述图片集中的可添加元素集。优选的,所述加载所述控制台添加到所述图片集中的可添加元素集,包括:加载所述图片集中与每一背景 ...
【技术保护点】
一种轮播图设置方法,其特征在于,包括:接收控制台发送的轮播图,其中,所述轮播图中包括图片集;按照所述控制台设定的背景图片加载顺序,加载所述图片集中的背景图片;加载所述控制台添加到所述图片集中的可添加元素集。
【技术特征摘要】
1.一种轮播图设置方法,其特征在于,包括:接收控制台发送的轮播图,其中,所述轮播图中包括图片集;按照所述控制台设定的背景图片加载顺序,加载所述图片集中的背景图片;加载所述控制台添加到所述图片集中的可添加元素集。2.根据权利要求1所述的轮播图设置方法,其特征在于,所述加载所述控制台添加到所述图片集中的可添加元素集,包括:加载所述图片集中与每一背景图片一一对应的所述可添加元素集中的一组可添加元素。3.根据权利要求1所述的轮播图设置方法,其特征在于,所述加载所述控制台添加到所述图片集中的可添加元素集,包括:加载所述图片集中与任意背景图片对应的所述可添加元素集中的可添加元素。4.根据权利要求1所述的轮播图设置方法,其特征在于,所述可添加元素包括:小图片和/或所述小图片的动画。5.根据权利要求1至4任一项所述的轮播图设置方法,其特征在于,所述加载所述控制台添加到所述图片集中的可添加元素集,包括:获取对所述可添加元素的排序方式,利用所述可添加元素的排序方式,依序加载所述可添加元素。6.根据权利要求5所述的轮播图设置方法,其特征在于,所述...
【专利技术属性】
技术研发人员:黄晓佳,胡博,
申请(专利权)人:金蝶软件中国有限公司,
类型:发明
国别省市:广东,44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。