微信小程序开发（六）循环播放图制作

我们经常看到，在小程序中包含循环滚动播放的轮播图片，这是怎么做的呢，这篇文章我就带大家来完成一下，这个功能。

先来看看完成的效果图：

从效果图中，我们可以看到，有3张图轮播，点击轮播图片，当前页面还可以做出响应。

首先在项目根目录建立images文件夹，并将准备好3张图片，放在其中。具体如图：

具体参考代码：

js文件代码：

Page({
   

  /**
   * 页面的初始数据
   */
  data: {
   
    imageItems: [{
   
      id: 1,
      imgsrc: "../../images/1.png",
      link: "http://www.test.com/id=1"
    }, {
   
      id: 2,
      imgsrc: "../../images/2.png",
      link: "http://www.test.com/id=2"
    }, {
   
      id: 15,
      imgsrc: "../../images/15.png",
      link: "http://www.test.com/id=15"
    }