HTML左右切換代碼是一種常見的網頁設計功能，常用于圖像或內容的輪播。以下是一個基本的示例：

<div class="slideshow">
<img src="image1.jpg">
<img src="image2.jpg">
<img src="image3.jpg">
<img src="image4.jpg">
</div>
<script>
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("slideshow");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
slides[slideIndex-1].style.display = "block";
setTimeout(showSlides, 3000); // Change image every 3 seconds
}
</script>

首先，我們需要創建一個div元素，并添加一些圖像作為輪播的內容。這些圖像可以使用HTML的標簽添加。注意，div元素應該具有一個類名“slideshow”，以便在JavaScript中引用。

接下來，我們需要編寫一個JavaScript函數來實現輪播。該函數會自動更改圖片，每隔3秒鐘將圖片更改為下一個圖像。

在函數中，我們首先獲取所有具有類名“slideshow”的div元素。然后，我們使用一個循環將這些元素的顯示設置為“none”，以便在更改圖像時隱藏它們。然后，我們增加一個索引變量slideIndex，并檢查其是否超出圖像數量。如果是，我們將其重置為1以重新開始。

接著，我們將當前圖像的div元素的顯示設置為“block”，以顯示它。最后，我們使用setTimeout函數來調用showSlides函數以便實現切換。

此代碼只是一個基本示例，可以根據需要進行修改和改進。例如，您可能希望添加按鈕以手動更改圖像，或者為輪播添加動畫效果。