HTML是網頁設計的基礎語言，其中滾動輪播圖片的展示是網頁設計中常用的一部分。下面是一個簡單的HTML滾動輪播圖片代碼示例：
<html>
<head>
<title>輪播圖片示例</title>
<style>
#banner {
width: 600px;
height: 300px;
overflow: hidden;
position: relative;
}
#banner ul {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
}
#banner ul li {
float: left;
width: 600px;
height: 300px;
}
</style>
</head>
<body>
<div id="banner">
<ul>
<li><img src="image1.jpg"></li>
<li><img src="image2.jpg"></li>
<li><img src="image3.jpg"></li>
</ul>
</div>
<script>
var banner = document.getElementById("banner");
var ul = banner.getElementsByTagName("ul")[0];
var li = ul.getElementsByTagName("li");
var pic = 0;
var timer = setInterval(autoPlay, 2000);
function autoPlay() {
pic++;
if (pic >= li.length) {
pic = 0;
}
ul.style.left = -pic * banner.offsetWidth + "px";
}
banner.onmouseover = function () {
clearInterval(timer);
};
banner.onmouseout = function () {
timer = setInterval(autoPlay, 2000);
};
</script>
</body>
</html>上述代碼中，輪播圖片的展示主要是通過CSS中對元素的樣式設置實現的。在JavaScript部分，通過控制ul的left屬性來實現圖片的輪播效果。其中，timer是一個定時器，用于定時自動播放；onmouseover和onmouseout是鼠標事件，用于鼠標移動到圖片上暫停播放和移開繼續播放。
以上就是一個簡單的HTML滾動輪播圖片代碼示例。需要注意的是，該代碼只是示例代碼，具體情況下需要根據具體需求進行調整。另外，代碼加上注釋能夠更好地理解代碼的實現過程，建議在實際使用中添加注釋。