用纯html，css，js制作图片无限平移轮播

好的，以下是使用纯HTML，CSS和JS制作图片无限平移轮播的示例代码：

HTML:

<div class="slider">
  <div class="slides">
    <img src="image1.jpg" alt="">
    <img src="image2.jpg" alt="">
    <img src="image3.jpg" alt="">
    <img src="image4.jpg" alt="">
  </div>
</div>

CSS:

.slider {
  width: 100%;
  overflow: hidden;
}

.slides {
  display: flex;
  width: 200%;
  animation: carousel 10s infinite linear;
}

.slides img {
  width: 50%;
}

@keyframes carousel {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

JS:

const slider = document.querySelector('.slider');
const slides = document.querySelector('.slides');

slides.appendChild(slides.children[0].cloneNode(true));

setInterval(() => {
  slides.style.transition = 'transform 1s ease-in-out';
  slides.style.transform = 'translateX(-50%)';

  setTimeout(() => {
    slides.style.transition = 'none';
    slides.style.transform = 'translateX(0)';
    slides.appendChild(slides.children[0]);
  }, 1000);
}, 3000);

以上代码实现了一个基本的图片无限平移轮播，每3秒钟轮播一次，每次轮播1张图片。你可以根据自己的需求进行修改和优化。