如何使用 JavaScript 实现一个简单的图片滑动显示功能？

实现图片滑动显示功能：

// Define images array 
let images = ["image1.jpg", "image2.jpg", "image3.jpg"];
  
// Define currentImageIndex variable 
let currentImageIndex = 0

// Add event listener to the left arrow
document.querySelector(".arrowLeft").addEventListener("click", function(){
  // Update currentImageIndex
  currentImageIndex--;
    
  // Make sure index doesn't go below zero
  if (currentImageIndex < 0){
    currentImageIndex = images.length - 1;
  }
    
  // Update image source
  document.querySelector(".slider-image").src = images[currentImageIndex]
});

// Add event listener to the right arrow 
document.querySelector(".arrowRight").addEventListener("click", function(){
  // Update currentImageIndex
  currentImageIndex++;
    
  // Make sure index doesn't go beyond images array length 
  if (currentImageIndex > images.length - 1){
    currentImageIndex = 0;
  }
    
  // Update image source 
  document.querySelector(".slider-image").src = images[currentImageIndex]
});