可以使用JavaScript監聽圖片的點擊事件,在點擊時切換圖片的src屬性。
HTML部分:
<img src="image1.jpg" id="myImage" onclick="changeImage()" />
JavaScript部分:
function changeImage() {
var image = document.getElementById('myImage');
if (image.src.match('image1.jpg')) {
image.src = "image2.jpg";
} else {
image.src = "image1.jpg";
}
}
上述代碼中,首先通過getElementById方法獲取到id為myImage的圖片元素,然后判斷圖片的src屬性是否匹配image1.jpg。如果匹配,則將其src屬性更改為image2.jpg,否則更改為image1.jpg。這樣,每次點擊圖片時就會實現圖片的切換效果。