jsp图片轮播

<div class="carousel">
    <img id="carouselImage" src="image1.jpg" alt="Image 1">
    <button onclick="prevImage()">Prev</button>
    <button onclick="nextImage()">Next</button>
</div>

.carousel {
    position: relative;
    width: 600px;
    height: 400px;
    overflow: hidden;
}

.carousel img {
    width: 100%;
    height: auto;
}

var images = ["image1.jpg", "image2.jpg", "image3.jpg"];
var currentIndex = 0;

function changeImage(index) {
    document.getElementById('carouselImage').src = images[index];
}

function nextImage() {
    currentIndex = (currentIndex + 1) % images.length;
    changeImage(currentIndex);
}

function prevImage() {
    currentIndex = (currentIndex - 1 + images.length) % images.length;
    changeImage(currentIndex);
}

// 自动轮播
setInterval(nextImage, 3000);