可在服务端设置轮播图片的前端html5实现方法

一.使用方法       

在前端web页面开发中，轮播图片是一个经常需要使用到的功能，比如APP首页顶部的轮播图、淘宝商品页顶部的轮播图。

在我做的心愿漂流瓶项目中，我使用swiper.js这个插件实现了固定图片的轮播显示。图片如下图1所示。项目地址：心愿漂流瓶。

后来客户要求轮播图片能够在后台设置，于是我添加了这个功能，实现方法如下。需要注意的是，需要在html页面中搭好框架，然后在js代码中，要先从服务器上获取到图片列表，然后使用函数"formatSliders()"格式化图片列表，添加到“swiper-wrapper”元素中，这些工作做完后，再初始化swiper。