HTML是一種用于創建網頁的標記語言，通過HTML可以實現許多網頁的基本功能，例如創建圖片輪播。
下面是一個簡單的HTML代碼實現圖片輪播的例子：
<html>
<head>
<title>圖片輪播</title>
<style>
/*設置圖片輪播容器的寬度和高度*/
.slideshow {
width: 500px;
height: 300px;
overflow: hidden;
}
/*設置圖片樣式*/
.slideshow img {
width: 500px;
height: 300px;
object-fit: cover;
}
</style>
</head>
<body>
<div class="slideshow">
<img src="1.jpg" alt="圖片1">
<img src="2.jpg" alt="圖片2">
<img src="3.jpg" alt="圖片3">
<img src="4.jpg" alt="圖片4">
</div>
<script>
//獲取圖片輪播容器和所有圖片元素
const slideshow = document.querySelector('.slideshow');
const images = document.querySelectorAll('.slideshow img');
//設置圖片索引和定時器
let index = 0;
setInterval(() => {
//隱藏當前圖片
images[index].style.display = 'none';
//改變圖片索引
index = (index + 1) % images.length;
//顯示下一張圖片
images[index].style.display = 'block';
}, 3000);
</script>
</body>
</html>以上代碼中，首先使用CSS設置了圖片輪播容器的寬度和高度，以及每張圖片的寬度和高度。然后使用JavaScript獲取了圖片輪播容器和所有圖片元素，并設置了圖片輪播的定時器，實現輪播的功能。
上一篇c 正則解析json