我想在旋转木马样式中显示我的自定义插件的图像

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

#carousel-container {
  width: 500px;
  height: 300px;
  border: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}

// 创建一个Image对象
var image = new Image();

// 设置图像的源路径
image.src = 'path/to/your/image.jpg';

// 等待图像加载完成后执行回调函数
image.onload = function() {
  // 获取旋转木马容器元素
  var carouselContainer = document.getElementById('carousel-container');

  // 创建一个图像元素
  var imageElement = document.createElement('img');

  // 设置图像元素的src属性为加载完成的图像路径
  imageElement.src = image.src;

  // 将图像元素添加到旋转木马容器中
  carouselContainer.appendChild(imageElement);
};