js第一张图片的上一张图片

<div id="image-container">
  <img id="current-image" src="first.jpg" alt="First Image">
</div>
<button onclick="showPreviousImage()">Previous</button>

// 图片数组
const images = ['first.jpg', 'second.jpg', 'third.jpg', 'fourth.jpg'];
let currentIndex = 0; // 当前图片的索引

function showPreviousImage() {
  // 更新索引，确保不会小于0
  currentIndex = (currentIndex - 1 + images.length) % images.length;
  
  // 更新图片元素的src属性
  document.getElementById('current-image').src = images[currentIndex];
}

// 初始化显示第一张图片
document.getElementById('current-image').src = images[currentIndex];

if (images.length === 0) {
  console.error('图片数组为空');
  return;
}

// 确保currentIndex在有效范围内
currentIndex = Math.max(0, Math.min(currentIndex, images.length - 1));