在網頁設計當中，圖片輪換是一個常見的功能。HTML5 提供了多種方法來實現圖片輪換，其中最常用的方法是使用 JavaScript 庫或者自己編寫 JavaScript 代碼實現。下面是一段實現循環輪換圖片的 HTML5 代碼：
<html>
<head>
<meta charset="UTF-8">
<title>圖片輪換</title>
<style>
/* 設置容器的寬高 */
#container {
width: 500px;
height: 300px;
overflow: hidden;
position: relative;
}
/* 設置圖片的位置 */
#container img {
width: 500px;
height: 300px;
position: absolute;
top: 0;
left: 0;
}
</style>
</head>
<body>
<div id="container">
<img src="img1.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
<img src="img4.jpg">
<img src="img5.jpg">
</div>
<script>
var container = document.getElementById("container");
var imgs = container.getElementsByTagName("img");
var index = 0;
var len = imgs.length;
setInterval(function(){
imgs[index].style.display = "none";
index = (index + 1) % len;
imgs[index].style.display = "block";
}, 2000);
</script>
</body>
</html>以上代碼首先創建一個容器 div，用來盛放圖片，設置 div 的寬高以及 overflow 屬性為 hidden，使得只有第一張圖片能夠顯示在容器中。然后使用 CSS 設置每張圖片的位置為絕對定位，并通過 JavaScript 控制每張圖片的顯示和隱藏，從而實現圖片輪換的效果。
在 JavaScript 代碼中，使用 setInterval() 方法設置每隔 2 秒鐘輪換一次圖片，通過取模運算實現循環輪換的效果。具體來說，先將當前顯示的圖片隱藏，然后將圖片索引增加 1，如果圖片索引超過圖片總數，那么將索引重置為 0，最后將下一張圖片顯示出來。
以上 HTML5 代碼實現了一個簡單的圖片輪換效果，對于需要更復雜或更豐富的圖片輪換效果，可以使用現成的 JavaScript 輪換庫或者根據需求編寫自己的 JavaScript 代碼。