HTML 中的圖片切換可以讓圖片以某種方式隨著用戶的操作而發生變化。本文將介紹如何通過 HTML 實現圖片切換效果。 首先，在你的 HTML 代碼中導入圖片，可以使用 img 標簽，例如：

<img src="image1.jpg" alt="圖片1">
<img src="image2.jpg" alt="圖片2">
<img src="image3.jpg" alt="圖片3">

這三張圖片將按照代碼順序依次顯示在頁面上。為了實現圖片切換，在這里我們可以使用 JavaScript。 首先，創建一個用于切換圖片的按鈕。可以使用 button 標簽，例如：

<button onclick="changeImage()">切換圖片</button>

這個按鈕將調用一個名為 changeImage 的 JavaScript 函數，下一步我們來編寫這個函數。打開你的 JavaScript 文件，添加以下代碼：

function changeImage() {
var image = document.getElementsByTagName('img')[0];
if (image.src.match("image1")) {
image.src = "image2.jpg";
image.alt = "圖片2";
} else if (image.src.match("image2")) {
image.src = "image3.jpg";
image.alt = "圖片3";
} else {
image.src = "image1.jpg";
image.alt = "圖片1";
}
}

上面的代碼首先通過 getElementsByTagName 獲取頁面上的 img 標簽，然后根據當前顯示的圖片來決定下一張要顯示的圖片。這里我們將循環顯示三張圖片。 最后，回到你的 HTML 文件，將剛剛創建的 JavaScript 文件導入，例如：

<script src="script.js"></script>

現在你就可以在瀏覽器中點擊切換圖片按鈕，看到圖片按照你的預期進行切換了。 總結來說，實現圖片切換需要遵循以下步驟： 1. 導入圖片； 2. 創建一個用于切換圖片的按鈕，并調用 JavaScript 函數； 3. 編寫 JavaScript 函數，實現根據當前顯示的圖片來切換到下一張； 4. 在 HTML 文件中導入 JavaScript 文件。 希望這篇文章能夠幫助你實現圖片切換效果。