圖片輪播可以使網站頁面更加生動有趣，為用戶帶來更好的瀏覽體驗。下面是一段HTML代碼實現圖片輪播的示例：

<div id="carousel">
<img class="slide" src="image1.png" />
<img class="slide" src="image2.png" />
<img class="slide" src="image3.png" />
<img class="slide" src="image4.png" />
<img class="slide" src="image5.png" />
</div>
<script>
var slides = document.getElementsByClassName("slide");
var current = 0;
setInterval(function(){
for (var i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
current++;
if (current >= slides.length) {
current = 0;
}
slides[current].style.display = "block";
}, 3000);
</script>

在上述代碼中，我們創建了一個名為“carousel”的div元素，并將所有要輪播的圖片依次放入其中。我們使用CSS設置所有圖片的display屬性為“none”，以便讓它們在開始時不會顯示。然后，我們使用JavaScript來每隔3秒鐘（3000毫秒）切換圖片的顯示。我們利用一個名為“current”的變量來追蹤當前顯示的圖片，并使用if語句在達到最后一張圖片時回到第一張。

需要注意的是，在使用上述代碼時，我們需要將“image1.png”到“image5.png”這些圖片替換成自己實際使用的圖片路徑。