Tukar imej melalui fungsi onclick().
P粉242535777
2023-08-18 08:53:28
<p>Saya mahu menukar satu imej kepada imej lain apabila mengklik pada objek. Kod disusun mengikut susunan berikut: </p>
<pre class="brush:php;toolbar:false;"><li><img><beberapa teks></img></li>
<li><img><beberapa teks></img></li>
<li><img><beberapa teks></img></li>
<li><img><beberapa teks></img></li>
<li><img><beberapa teks></img></li></pre>
<p>Apa yang saya mahu ialah apabila saya mengklik <kod><li></kod>, imej itu bertukar kepada versi warna imej, iaitu imej lain. Sekarang, saya tahu saya boleh melakukannya menggunakan JQuery/JS. Tetapi saya tidak mahu menambah banyak kod JS untuk mencapai fungsi yang begitu mudah. </p>
<p>Adakah terdapat cara yang lebih mudah untuk melakukan ini? Kaedah seperti kelas pseudo-selector<code>.active</code> </p>
<p>Saya tidak dapat memikirkannya. </p>
Untuk menukar acara onclick imej menggunakan JavaScript, anda perlu mempunyai imej dengan id:
Kemudian apabila imej diklik anda boleh memanggil fungsi JavaScript:
Kod ini akan menetapkan imej untuk memaksimumkan.png apabila img.src semasa ditetapkan untuk meminimumkan.png dan sebaliknya. Untuk butiran lanjut, sila layari: Tukar pautan acara onclick imej menggunakan JavaScript