HTML5是網頁開發中常用的技術之一，其中最常用的之一是圖片自動切換功能。這項功能可以通過HTML5的一些屬性和JavaScript代碼輕松地實現。
下面是一個HTML5圖片自動切換代碼的例子：
<html>
<head>
<title>HTML5圖片自動切換代碼</title>
<script type="text/javascript">
var imageList = ["image1.jpg", "image2.jpg", "image3.jpg"]; //圖片列表
var currentImage = 0;
function rotateImage() {
currentImage++; //下一張圖片
if (currentImage == imageList.length) { //如果全部展示完畢，則從頭開始
currentImage = 0;
}
document.getElementById("myImage").src = imageList[currentImage]; //更改圖片路徑
}
setInterval(rotateImage, 3000); //定時執行函數，每三秒自動切換圖片
</script>
</head>
<body>
<img src="image1.jpg" id="myImage" /> //默認展示第一張圖片
<p>這張圖片非常漂亮！</p> //圖片描述
</body>
</html>代碼中，我們首先定義了一個圖片列表`imageList`，包含了三張圖片的路徑。然后，我們使用一個變量`currentImage`來記錄當前展示的圖片。在JavaScript的`rotateImage()`函數中，我們首先將`currentImage`加1，表示展示下一張圖片。如果當前已經展示完畢，`currentImage`會再次變為0，從頭開始展示圖片。然后，我們使用JavaScript中的`document.getElementById()`方法，獲取id為"myImage"的元素，并將其`src`屬性更改為當前變量`currentImage`所對應的圖片路徑。最后，我們使用`setInterval()`方法，定時執行`rotateImage()`函數，使得圖片能夠自動切換。
在HTML代碼中，我們使用`img`標簽來嵌入圖片，并且默認展示第一張圖片。`p`標簽用來描述圖片，并將其置于圖片下方。
總的來說，使用HTML5和JavaScript語言，制作一個圖片自動切換的功能并不難。我們只需要定義好圖片列表、當前展示的圖片變量，然后使用JavaScript來實現自動切換即可。