HTML 點擊轉換圖片代碼實現
HTML 是一種超文本標記語言，可以用于構建網頁。其中，圖片是頁面中必不可少的元素之一。在一些情況下，我們需要點擊圖片之后，再加載另一張圖片。該功能可以通過 HTML 代碼實現。下面是一個具體的例子。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>點擊轉換圖片</title>
</head>
<body>
<img src="img1.png" alt="圖片1">
<script>
var img = document.querySelector('img');
img.addEventListener('click', function() {
img.src = "img2.png";
img.alt = "圖片2";
});
</script>
</body>
</html>上面的代碼演示了如何在頁面加載時，顯示第一張圖片。當用戶點擊圖片時，JS 腳本會觸發，將圖片的 src 屬性設置為第二張圖片的路徑，從而讓第二張圖片顯示在頁面上。
需要注意的是，在代碼中，我們使用了 DOM 操作，通過 querySelector 方法獲取了頁面中的圖片元素。接著，為圖片元素添加了一個 click 事件監聽器，當用戶點擊圖片時，觸發了這個事件監聽器。在監聽器的回調函數中，我們通過設置圖片的 src 和 alt 屬性，實現了圖片的切換。
綜上所述，這是一種基于 HTML 和 JS 的圖片切換效果。通過簡單的代碼實現，可以提高頁面的交互性，并為用戶帶來更好的使用體驗。