可以使用JavaScript监听图片的点击事件,在点击时切换图片的src属性。
HTML部分:
JavaScript部分:
function changeImage() { var image = document.getElementById('myImage'); if (image.src.match('image1.jpg')) { image.src = "https://www.yisu.com/ask/image2.jpg"; } else { image.src = "https://www.yisu.com/ask/image1.jpg"; } }
上述代码中,首先通过getElementById方法获取到id为myImage的图片元素,然后判断图片的src属性是否匹配image1.jpg。如果匹配,则将其src属性更改为image2.jpg,否则更改为image1.jpg。这样,每次点击图片时就会实现图片的切换效果。