jquery轮播图实现简单代码

以下是一个简单的jquery轮播图实现代码示例：

HTML代码：

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

CSS代码：

.slider {
  position: relative;
  overflow: hidden;
}
.slider img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 1s;
}
.slider img.active {
  opacity: 1;
}

jQuery代码：

$(document).ready(function() {
  // 初始化
  $('.slider img:first').addClass('active');
  
  // 自动轮播
  setInterval(function() {
    var current = $('.slider img.active');
    var next = current.next();
    if (next.length === 0) {
      next = $('.slider img:first');
    }
    current.removeClass('active');
    next.addClass('active');
  }, 3000);
});

这个代码会自动轮播轮播图，每隔3秒钟切换到下一张图片。如果到达最后一张图片，它会自动返回第一张图片。