怎么能来回切换？什么方法能切换图片？

<view class="panel img" hover-class="none" hover-stop-propagation="false">
        <view class="img-item" hover-class="none" hover-stop-propagation="false">
            <image src="{{imageInfo.zmkk}}"  lazy-load="false" binderror="" bindload="" data-src="{{imageInfo.zmkk}}" bindtap="preview"></image>
            <view class="tips" hover-class="none" hover-stop-propagation="false">正面开口微笑照片</view>
        </view>
        <view class="img-item" hover-class="none" hover-stop-propagation="false">
            <image src="{{imageInfo.zmbh}}"  lazy-load="false" binderror="" bindload="" data-src="{{imageInfo.zmbh}}" bindtap="preview"></image>
            <view class="tips" hover-class="none" hover-stop-propagation="false">正面闭合照片</view>
        </view>
        <view class="img-item" hover-class="none" hover-stop-propagation="false">
            <image src="{{imageInfo.cw}}"  lazy-load="false" binderror="" bindload="" data-src="{{imageInfo.cw}}" bindtap="preview"></image>
            <view class="tips" hover-class="none" hover-stop-propagation="false">侧位照片</view>
        </view>
        <view class="img-item" hover-class="none" hover-stop-propagation="false">
            <image src="{{imageInfo.shzp}}"  lazy-load="false" binderror="" bindload="" data-src="{{imageInfo.shzp}}" bindtap="preview"></image>
            <view class="tips" hover-class="none" hover-stop-propagation="false">上颌照片</view>
        </view>
        <view class="img-item" hover-class="none" hover-stop-propagation="false">
            <image src="{{imageInfo.xhzp}}"  lazy-load="false" binderror="" bindload="" data-src="{{imageInfo.xhzp}}" bindtap="preview"></image>
            <view class="tips" hover-class="none" hover-stop-propagation="false">下颌照片</view>
        </view>
        <view class="img-item" hover-class="none" hover-stop-propagation="false">
            <image src="{{imageInfo.yhzc}}"  lazy-load="false" binderror="" bindload="" data-src="{{imageInfo.yhzc}}" bindtap="preview"></image>
            <view class="tips" hover-class="none" hover-stop-propagation="false">咬合左侧位照片</view>
        </view>
        <view class="img-item" hover-class="none" hover-stop-propagation="false">
            <image src="{{imageInfo.yhzm}}"  lazy-load="false" binderror="" bindload="" data-src="{{imageInfo.yhzm}}" bindtap="preview"></image>
            <view class="tips" hover-class="none" hover-stop-propagation="false">咬合正面照片</view>
        </view>
        <view class="img-item" hover-class="none" hover-stop-propagation="false">
            <image src="{{imageInfo.yhyc}}"  lazy-load="false" binderror="" bindload="" data-src="{{imageInfo.yhyc}}" bindtap="preview"></image>
            <view class="tips" hover-class="none" hover-stop-propagation="false">咬合右侧位照片</view>
        </view>
        <view class="img-item" hover-class="none" hover-stop-propagation="false">
            <image src="{{imageInfo.xrayqj}}"  lazy-load="false" binderror="" bindload="" data-src="{{imageInfo.xrayqj}}" bindtap="preview"></image>
            <view class="tips" hover-class="none" hover-stop-propagation="false">X-Ray 全景片</view>
        </view>
        <view class="img-item" hover-class="none" hover-stop-propagation="false">
            <image src="{{imageInfo.xraycw}}"  lazy-load="false" binderror="" bindload="" data-src="{{imageInfo.xraycw}}" bindtap="preview"></image>
            <view class="tips" hover-class="none" hover-stop-propagation="false">X-Ray 侧位片</view>
        </view>
    </view>

你这么写东西可能会被打死，一个循环能搞定的事为什么要搞这么多，看着头疼

element的image标签可以切换

你封装一个 组件 ，有两个按钮，上一张 下一张 。点击时 改变 image的 src就行 。 或者 swiper那种效果 。

小程序的话可以使用uview组件来实现https://www.uviewui.com/components/album.html