html图片轮播jquery代码

HTML图片轮播可以使用jQuery实现，以下是一个简单的实现方式：

HTML代码：

<div class="slider">
  <img src="img1.jpg" alt="">
  <img src="img2.jpg" alt="">
  <img src="img3.jpg" alt="">
</div>

CSS代码：

.slider {
  position: relative;
  overflow: hidden;
}
.slider img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .5s ease-in-out;
}
.slider img.active {
  opacity: 1;
}

jQuery代码：

$(function() {
  var slider = $('.slider');
  var imgs = slider.find('img');
  var imgCount = imgs.length;
  var currentIndex = 0;

  function slide() {
    var nextIndex = (currentIndex + 1) % imgCount;
    imgs.eq(currentIndex).removeClass('active');
    imgs.eq(nextIndex).addClass('active');
    currentIndex = nextIndex;
    setTimeout(slide, 5000);
  }

  imgs.eq(0).addClass('active');
  setTimeout(slide, 5000);
});

这段代码实现了自动轮播，每5秒钟切换到下一张图片。你可以根据自己的需要进行修改和优化。