Klik pada sekumpulan lakaran kecil untuk memaparkan imej besar dan tukar kepada imej yang sepadan, kemudian klik pada lakaran kecil untuk menyembunyikan imej besar. Apabila imej besar dipaparkan, klik pada imej kecil lain untuk menukar imej besar tetapi tidak menyembunyikannya. Soalan saya ialah: apabila gambar besar dipaparkan, klik pada gambar kecil yang lain, gambar besar akan ditukar tetapi tidak disembunyikan, tetapi klik kedua pada lakaran kecil akan menyembunyikan gambaran besar Bagaimana untuk mencapai kesan ini?
<ul class="tm-m-photos-thumb">
<li src="img/images/production-introdution-review-bgpic1.jpg">
<img src="img/images /production-introdution-review-smpic1.jpg">
</li>
<li src="img/images/production-introdution-review-bgpic2.jpg">
<img src="img /images/production-introdution-review-smpic1.jpg">
</li>
<li src="img/images/production-introdution-review-bgpic3.jpg">
<img src= "img/images/production-introdution-review-smpic1.jpg">
</li>
<p class="tm-m-photo-viewer" style="width: 402px; height: 302px; display : none;">
<img src="img/images/production-introdution-review-bgpic1.jpg" style="width: 402px; height: 302px;">
</p>
Bukankah bagus jika anda boleh memberi saya status data? Nilai apabila anda mengklik!