在不使用for循环的情况下调整大小时(使用jquery)引导转盘在单个项目中显示多个图像

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="carousel-container">
  <div id="carousel"></div>
</div>

#carousel-container {
  width: 500px;
  height: 500px;
  position: relative;
  overflow: hidden;
}

#carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

var images = ['image1.jpg', 'image2.jpg', 'image3.jpg'];

$.each(images, function(index, image) {
  $('#carousel').append('<img src="' + image + '">');
});

var rotationAngle = 360; // 旋转角度
var rotationDuration = 5000; // 旋转时间（毫秒）

function rotateCarousel() {
  $('#carousel').animate({rotate: '+=' + rotationAngle + 'deg'}, rotationDuration, 'linear', function() {
    rotateCarousel();
  });
}

rotateCarousel();