如果網站上需要展示多張圖片，可以考慮使用CSS實現圖片輪番。這種方法不僅能夠讓頁面展示更多的圖片，同時能夠提高用戶的體驗。

// HTML代碼
<div class="container"> 
<img src="image1.jpg" alt="image1">
<img src="image2.jpg" alt="image2">
<img src="image3.jpg" alt="image3">
<img src="image4.jpg" alt="image4">
</div>
// CSS代碼
.container {
width: 500px;
height: 300px;
position: relative;
}
img {
position: absolute;
width: 100%;
height: 100%;
opacity: 0; 
transition: opacity 1s ease-in-out;
}
img:first-child {
opacity: 1;
}
img:nth-child(2) {
animation: cycle 20s linear infinite;
}
img:nth-child(3) {
animation: cycle 20s linear infinite;
animation-delay: 5s;
}
img:last-child {
animation: cycle 20s linear infinite;
animation-delay: 10s;
}
@keyframes cycle {
0% {
opacity: 0;
}
5% {
opacity: 1;
}
20% {
opacity: 1;
}
25% {
opacity: 0;
}
}

在代碼中，容器設置為relative，圖片設置為absolute。圖片的透明度為0，通過CSS的動畫屬性來實現輪番展示。第一張需要展示的圖片的透明度設置為1，其他的圖片通過nth-child偽類來選擇，并添加動畫屬性，實現輪番切換。通過animation-delay屬性，可以調整圖片展示的順序。

這種方法不僅能讓多張圖片循環輪流展示，而且不需要javascript代碼，使用純CSS即可實現。同時，通過CSS動畫屬性還能夠控制圖片的展示效果，實現自己的創意。