html一排图片无限循环

要实现一排图片的无限循环，可以使用CSS和JavaScript来实现。

首先，需要一个外层容器来包裹图片，可以使用一个 `<div>` 元素作为容器，并设置适当的宽度和高度。

然后，在CSS中设置容器的样式，将其设置为相对定位 (`position: relative;`)，并设置溢出隐藏 (`overflow: hidden;`)，以确保图片在容器范围内显示。

接下来，在容器内部创建一个内层容器，使用 `<div>` 元素，并设置其样式为绝对定位 (`position: absolute;`)。这个内层容器将用于存放图片。

使用JavaScript，可以动态地将多个图片元素添加到内层容器中。可以使用 `createElement` 方法创建 `<img>` 元素，并设置其 `src` 属性为图片的路径。然后，将这些图片元素添加到内层容器中。

为了实现无限循环，需要计算并设置内层容器的宽度，确保所有图片元素在水平方向上能够排成一行。可以使用 `offsetWidth` 和 `clientWidth` 属性来计算宽度，并设置内层容器的 `width` 属性。

接下来，需要使用动画或计时器功能，通过改变内层容器的 `left` 属性值，使图片元素在容器内水平滚动。可以使用 `setInterval` 或 `requestAnimationFrame` 方法来实现定时器功能，并在每个时间间隔内更新 `left` 属性值。

当滚动到最后一个图片时，需要将内层容器的 `left` 属性重置为0，实现无限循环效果。

综上所述，通过使用HTML、CSS和JavaScript的组合，可以实现一排图片的无限循环效果。