微信小程序开发-图片切换功能，小程序切图功能，给轮播图添加点击左右滑动效果，给轮播图添加点击切换效果，循环切换

需求背景：给轮播图添加点击左右滑动效果，给轮播图添加点击切换效果，循环切换。

读者可根据代码示例与代码说明、注释结合来看，并根据实际需求来做调整：

第一步：在分页的js文件中，实现在小程序分页中展示多张图片，并利用索引触发来实现切换到上一张和下一张图片的功能。通过维护一个变量来记录当前显示的图片索引，并通过点击事件触发不同的处理函数来实现对应功能。imageUrls数组中的图片地址可以自行替换。
代码示例：

// subpkg/culture_detail/culture_detail.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imageUrls: [
      'https://clubimg.club.vmall.com/data/attachment/forum/202011/08/21520195o5eux63aifthgc.jpg',
      'https://ts1.cn.mm.bing.net/th/id/R-C.c583af9d20530edb11d0594a639c21da?rik=NxXktj9VhUeMyg&riu=http%3a%2f%2fc-ssl.duitang.com%2fuploads%2fitem%2f202005%2f11%2f20200511234317_yyedf.jpeg&ehk=KgWcFxw%2blPbKkeEvTpleqjpe8TtoRKLe9Im4eSpTEGs%3d&risl=&pid=ImgRaw&r=0',
      'https://ts1.cn.mm.bing.net/th/id/R-C.7d78979d751f4b76644570c905400ebb?rik=3HD3QpmHIUXDIQ&riu=http%3a%2f%2finews.gtimg.com%2fnewsapp_bt%2f0%2f13256492782%2f1000.jpg&ehk=%2bP%2fc%2bLu6f8g7gLrRhz57Z5C3orUee7XaXETHUIyjrIM%3d&risl=&pid=ImgRaw&r=0',
      'https://ts1.cn.mm.bing.net/th/id/R-C.82f874d67763fb88eb1411b6e9ed9bc2?rik=7IcB6yZGvFTl5A&riu=http%3a%2f%2f5b0988e595225.cdn.sohucs.com%2fimages%2f20190815%2f89e64468e2394adb836576fb3e4db274.JPG&ehk=zQTg4CoCyn97tNU%2fXKQIIkfM%2fUlM3nIfPD%2fbcmvMW80%3d&risl=&pid=ImgRaw&r=0'
    ],
    currentIndex: 0
  },
  onTapBack: function () {
    wx.navigateBack(
  &n