以下是一种实现图片自动循环滚动的HTML代码：
<!DOCTYPE html><html><head><style>.carousel { width: 500px; height: 300px; overflow: hidden; position: relative;}.carousel img { width: 100%; height: 100%; object-fit: cover; position: absolute; animation: carousel-animation 10s infinite;}@keyframes carousel-animation { 0% {left: 0;} 25% {left: -100%;} 50% {left: -200%;} 75% {left: -300%;} 100% {left: -400%;}}</style></head><body><div class="carousel"> <img src="https://www.jirixiang.com/static/image/lazy.gif" class="lazy" original="https://static.jirixiang.com/image/nopic320.png" alt="Image 1"> <img src="https://www.jirixiang.com/static/image/lazy.gif" class="lazy" original="https://static.jirixiang.com/image/nopic320.png" alt="Image 2"> <img src="https://www.jirixiang.com/static/image/lazy.gif" class="lazy" original="https://static.jirixiang.com/image/nopic320.png" alt="Image 3"> <img src="https://www.jirixiang.com/static/image/lazy.gif" class="lazy" original="https://static.jirixiang.com/image/nopic320.png" alt="Image 4"></div></body></html>在上述代码中，.carousel 类设置了轮播容器的宽度、高度和溢出隐藏属性。每个图片都被设置为绝对定位，并通过 animation 属性来应用循环滚动的动画。 @keyframes 定义了图片在动画中的位置变化。每个逐帧动画的时间间隔为 10 秒，可以根据需要进行调整。
你需要将 img 标签中的 src 属性替换为你实际使用的图片路径。
