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

Random recommended