js实现图片手动切换

<div id="image-container">
    <img id="myImage" src="image1.jpg" alt="Image 1">
</div>
<button onclick="prevImage()">Previous</button>
<button onclick="nextImage()">Next</button>

#image-container {
    text-align: center;
}

let images = ["image1.jpg", "image2.jpg", "image3.jpg"]; // 图片数组
let currentImageIndex = 0; // 当前图片索引

function prevImage() {
    currentImageIndex--;
    if (currentImageIndex < 0) {
        currentImageIndex = images.length - 1;
    }
    document.getElementById('myImage').src = images[currentImageIndex];
}

function nextImage() {
    currentImageIndex++;
    if (currentImageIndex >= images.length) {
        currentImageIndex = 0;
    }
    document.getElementById('myImage').src = images[currentImageIndex];
}