current position：Home>How can I switch back and forth? How can I switch pictures?

How can I switch back and forth? How can I switch pictures?

2022-01-26 21:35:26 【CSDN Q & A】

img

img

img

<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"> A picture of a smiling face </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"> Front closed photo </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"> Side photos </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"> Maxillary photos </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"> Jaw photos </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"> Photo of occlusal left side </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"> Bite front photo </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"> Bite right side photo </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  Panorama </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  Lateral film </view>        </view>    </view>


Refer to the answer 1：

element Of image Tags can be switched

img



Refer to the answer 2：


Refer to the answer 3：

You may be killed if you write like this , Why do so many things that can be done in one cycle , Look at the headache



Refer to the answer 4：


Refer to the answer 5：

You encapsulate a Components , There are two buttons , Previous Next . Clicking time change image Of src Just go . perhaps swiper That effect .



Refer to the answer 6：


Refer to the answer 7：

Small programs can be used uview Component to implement https://www.uviewui.com/components/album.html



Refer to the answer 8：

copyright notice
author[CSDN Q & A],Please bring the original link to reprint, thank you.
https://en.cdmana.com/2022/01/202201262135245064.html

The sidebar is recommended

guess what you like

Random recommended