HTML是一種用于構建網頁的標記語言，它可以讓瀏覽器更好地理解我們想要展示給用戶的內容。在網頁中，圖片是非常重要的元素，可以為網站增加吸引力和完整性。本文將介紹如何設置圖片自動更換。 首先，我們需要使用元素來插入圖片。在本例中，我們將使用三個不同的圖片，分別是pic1.png、pic2.png、pic3.png。以下為插入第一張圖片：

<img src="pic1.png">

接下來，我們需要使用JavaScript來實現圖片自動更換。我們可以使用setInterval()函數來定時切換圖片。以下代碼展示了如何使用JavaScript來實現圖片輪播效果：

var i = 1;
setInterval(function() {
i++;
if (i > 3) {
i = 1;
}
document.getElementById('pic').src = 'pic' + i + '.png';
}, 3000);

在以上的代碼中，變量是一個計數器，用于指定當前顯示的圖片。setInterval()函數會每間隔3秒鐘執行一次匿名函數，i的值會自動加1，直到達到3。如果i的值大于3，則將其重置為1。最后一行代碼document.getElementById('pic').src = 'pic' + i + '.png';將i的值動態地插入到圖片的文件名中，從而實現自動更換圖片的效果。 最后，我們需要在HTML中添加一個容器元素來包含圖片，并將其ID設置為“pic”：

<div id="pic">
<img src="pic1.png">
</div>

通過以上步驟，我們已經成功地實現了圖片自動更換的效果。我們可以修改以上的代碼，以便更改圖片的數量或更改每個圖片之間的時間間隔。有了這個技巧，我們可以讓我們的網站更加動態和有趣！