HTML5的圖片輪播功能可以幫助網頁設計人員更好地呈現圖片，為網頁帶來更好的用戶體驗。下面是一段HTML5圖片簡單輪播的代碼實例：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>HTML5圖片簡單輪播</title>
<style>
#slideshow {width: 450px; height: 300px; margin: auto;}
img {position: absolute; top: 0; left: 0; opacity: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;}
img:target {opacity: 1;}
</style>
</head>
<body>
<div id="slideshow">
<a href="#slideshow1"><img src="image1.jpg" alt="" /></a>
<a href="#slideshow2"><img src="image2.jpg" alt="" /></a>
<a href="#slideshow3"><img src="image3.jpg" alt="" /></a>
</div>
</body>
</html>上述代碼定義了一個id為“slideshow”的div容器，并包含了三個圖片鏈接標簽，每個標簽鏈接到一個圖片文件。CSS樣式將圖片定為絕對定位，以便于實現輪播效果。通過":target"偽類選擇器，可以通過鏈接目標屬性的變化來調整圖片的透明度。
在添加更多的圖片時，只需增加相應的鏈接標簽，并在CSS中調整容器的寬度和高度即可。如此一來，HTML5圖片簡單輪播功能就能夠為網頁添加更加引人注目的圖片效果，增強用戶對網站的印象。