HTML實現圖片左右輪播的代碼如下：

<>

首先，我們需要一個包含多張圖片的容器，這里使用一個div元素，并為其添加一個class名為"carousel-container"。

接下來，在該div元素下添加多張圖片，使用img元素，并為其設置src屬性、alt屬性和class屬性。其中，class屬性為"active"的圖片將會是輪播圖的默認展示圖片。

然后，在該容器下分別添加向左和向右切換的箭頭，使用a元素，并為其設置class屬性分別為"carousel-prev"和"carousel-next"。

接下來，我們需要引入CSS文件，并為該輪播圖容器及其中的元素添加樣式。以下是相關的CSS代碼：

/* CSS */
.carousel {
position: relative;
margin: 0 auto;
width: 600px;
height: 400px;
overflow: hidden;
}
.carousel-container {
position: absolute;
left: 0;
top: 0;
width: 100%;}
.carousel img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity .5s ease-in-out;
}
.carousel img.active {
opacity: 1;
}
.carousel a {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 30px;
color: white;
cursor: pointer;
}
.carousel-prev {
left: 10px;
}
.carousel-next {
right: 10px;
}

其中，設置了輪播圖容器的寬度和高度，并將其溢出部分隱藏。為輪播圖容器和其中的圖片定位，并使用opacity樣式控制圖片的透明度和transition樣式設置圖片的淡入淡出效果。為箭頭元素定位，并設置字體、顏色和指針樣式。

最后，在JavaScript中獲取該輪播圖容器、其中的圖片和箭頭，并為箭頭添加單擊事件監聽，實現圖片左右切換。

以上就是HTML實現圖片左右輪播的全部代碼。如果你想要實現一個簡潔、可自定義的輪播圖，可以根據上述代碼進行修改和調整。