HTML5是一種標記語言，它可以實現圖片滾動輪播效果，具體代碼如下：

<div id="slider">
<figure>
<img src="image1.jpg" alt="Image 1">
<img src="image2.jpg" alt="Image 2">
<img src="image3.jpg" alt="Image 3">
<img src="image4.jpg" alt="Image 4">
<img src="image5.jpg" alt="Image 5">
</figure>
</div>
<script type="text/javascript">
var slideIndex = 0;
var slides = document.getElementsByTagName('img');
setInterval(function() {
for (var i=0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex >= slides.length) {
slideIndex = 0;
}
slides[slideIndex].style.display = "block";
}, 2000);
</script>

在這個代碼中，我們用一個包含class為slider的div來包含圖片。并且在一個figure標簽內部放入多個img標簽，每個img標簽包含了該圖片的路徑和一個alt屬性，用于提供圖像的描述和標題。

接下來，我們使用一個JavaScript設置一個含有slideIndex變量的函數。 這個變量將被用來標記當前顯示的圖片在slides數組中的位置。我們還獲取了所有的img標簽并將它們存儲在一個名為slides的數組中。

最后，我們使用setInterval()函數啟動圖片輪播功能。每2000毫秒（2秒）執行一次函數。 帶有循環的for循環將每個img標簽的display屬性設置為“none”，這樣就可以隱藏不需要顯示的圖片。接著將slideIndex加1，如果slideIndex大于等于slides數組的長度，則將slideIndex重新設置為0。最后，將當前顯示的圖片的 display 屬性設置為“block”，以便顯示它。

這個代碼可以用于創建可自動滾動的圖片輪播，讓你的網頁更加吸引人！