---

<div> <div class="connected-carousels"> <div class="stage"> <div class="carousel carousel-stage"> <ul> <li><img src="themes/68ecshopcom_360buy/designer/img/img1.jpg" width="800" height="400" alt=""></li> <li><img src="themes/68ecshopcom_360buy/designer/img/img2.jpg" width="800" height="400" alt=""></li> <li><img src="themes/68ecshopcom_360buy/designer/img/img3.jpg" width="800" height="400" alt=""></li> <li><img src="themes/68ecshopcom_360buy/designer/img/img4.jpg" width="800" height="400" alt=""></li> </ul> </div> <a href="javascript:void(0)" class="prev prev-stage"><span>&lsaquo;</span></a> <a href="javascript:void(0)" class="next next-stage"><span>&rsaquo;</span></a> </div><div class="pic-nav" style="width:100%;margin: 5px auto 0 auto; "> <div class="title">效果圖：</div> <div class="canshu xuan"><a href="javascript:void(0)">全部(4) &nbsp;</a></div> <div class="canshu"><a href="javascript:void(0)" id="">客廳(2) &nbsp;</a></div> <div class="canshu"><a href="javascript:void(0)" id="">臥室(1) &nbsp;</a></div> <div class="canshu"><a href="javascript:void(0)" id=<愛尬聊_百科知識>"">平面圖(1) &nbsp;</a></div> <div class="canshu"><a href="javascript:void(0)" id="">俯視圖(1) &nbsp;</a></div> </div><div class="navigation"> <a href="javascript:void(0)" class="prev prev-navigation">&lsaquo;</a> <a href="javascript:void(0)" class="next next-navigation">&rsaquo;</a> <div class="carousel carousel-navigation"> <ul> <li><img src="themes/68ecshopcom_360buy/designer/img/img1_thumb.jpg" width="50" height="50" alt="客廳"></li> <li><img src="themes/68ecshopcom_360buy/designer/img/img2_thumb.jpg" width="50" height="50" alt="臥室"></li> <li><img src="themes/68ecshopcom_360buy/designer/img/img3_thumb.jpg" width="50" height="50" alt="平面圖"></li> <li><img src="themes/68ecshopcom_360buy/designer/img/img4_thumb.jpg" width="50" height="50" alt="俯視圖"></li> </ul> </div> </div> </div> </div>

---

大俠在拉屎 2022-09-02 10:13

你這個可以理解為，有多個輪播圖。也可以理解為，動態替換輪播圖圖片，動態計算。一般輪播圖都已經實現了這樣的效果。只不過需要你自己寫事件替換其中的圖片

---