如何在jQuery中不重复图像的随机源？

// 图像资源数组
var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg'];

function showRandomImage() {
  // 检查图像数组是否为空
  if (images.length === 0) {
    // 图像库为空，可以选择重新加载或其他策略
    return;
  }

  // 生成随机索引
  var randomIndex = Math.floor(Math.random() * images.length);

  // 获取图像元素
  var imageElement = $('#random-image');

  // 设置图像路径
  imageElement.attr('src', images[randomIndex]);

  // 移除已使用的图像
  images.splice(randomIndex, 1);
}

// 在页面加载完成后显示初始随机图像
$(document).ready(function() {
  showRandomImage();
});

// 绑定按钮点击事件，点击按钮时显示下一个随机图像
$('#next-button').click(function() {
  showRandomImage();
});