无需编程，应用之星教你打造H5页面图片轮播效果

图片轮播是手机App和手机网页上常见的功能，用于在有限的网页空间内展示一组产品图片或者照片，同时还有非常吸引人的动画效果。现在，H5页面和App上也可以加入图片轮播功能了，希望这个图片轮播效果能够给你的H5页面和App锦上添花。

图片轮播制作教程：

1、登录应用之星网站，点击“应用制作”，进入“高级模式”；

2、添加你想要实现轮播效果的图片（一般是3-4张），把全部图片拖到模拟器的左边，依次选中图片，在右边弹出框里调整时间、延迟、动画方式，勾选“循环”。比如，第一张图的时间设置为9s，延迟0s，动画方式设置“从右滑出”，勾选“循环”；第二张图的时间设置为9s，延迟2s，动画方式设置“从右滑出”，勾选“循环”；第三张图的时间设置为9s，延迟4s，动画方式设置“从右滑出”，勾选“循环”；第四张图的时间设置为9s，延迟6s，动画方式设置“从右滑出”，勾选“循环”，最后，将这四张图放到同一个位置上，形成制作页面上只能看见第一张图的效果。如图，就是把图2、图3、图4拖到图1的位置，制作页面上只能看见图1；

3、制作好之后，发布一下即可预览。预览的过程中，如果对图片轮播的效果不满意，可以返回制作页面重新调整，直到满意为止（如果你要生成App，则打开右上角“设置”，勾选安卓和IOS打包）。这是我刚刚制作的图片轮播页面，抛砖引玉一下，地址址：http://www.appstar.com.cn/upload/html/26461.html ；

当然，应用之星的图片轮播功能还支持点击不同的图片跳转到不同的页面，非常适合企业开展营销活动，操作区域就在“动画”旁边的“导航”那里，如图：

需要注意的是，目前只有图片和图形控件支持设置次数和循环，其他控件暂不支持。相信不久之后，技术哥也能实现文字控件的轮播。