HTML轮播图片代码可以通过使用HTML、CSS和JavaScript来实现。下面是一个简单的例子，其中使用了HTML的"img"标签和CSS的"animation"和"keyframes"属性来实现图片的轮播效果。
HTML代码：
```html
```
CSS代码（styles.css）：
```css
.slider-container {
width: 400px;
height: 300px;
overflow: hidden;
}
@keyframes slide {
0% {
transform: translateX(0%);
}
20% {
transform: translateX(-*);
}
40% {
transform: translateX(-200%);
}
60% {
transform: translateX(-300%);
}
80% {
transform: translateX(-400%);
}
* {
transform: translateX(-500%);
}
}
#slider-image {
width: 500%;
animation: slide 10s infinite;
}
```
JavaScript代码（ｓｃｒｉｐｔ.js）：
```javascript
// 动态加载图片
var imageIndex = 1;
setInterval(function() {
var image = document.getElementById("slider-image");
image.src = "image" + imageIndex + ".jpg";
imageIndex++;
if (imageIndex > 5) {
imageIndex = 1;
}
}
10000);
```
这个代码实现了一个简单的轮播图片效果。让图片在一个400像素宽、300像素高的容器中循环轮播播放。通过CSS中的"keyframes"属性定义了图片的平移动画，JavaScript代码则实现了每10秒切换一次图片。
需要注意的是，这里假设有5张图片，分别命名为"image1.jpg"到"image5.jpg"，你需要根据自己的图片命名和路径进行相应的修改。
希望这个例子能够帮助你理解如何使用HTML、CSS和JavaScript实现图片的轮播效果。如果你需要更复杂的轮播功能，可以进一步研究相关的框架和插件。
QQ客服