jsp图片轮播代码

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

#carousel {
    position: relative;
    width: 600px;
    height: 400px;
}

#carouselImage {
    width: 100%;
    height: 100%;
}

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

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

function nextImage() {
    var newIndex = (currentImageIndex + 1) % images.length;
    changeImage(newIndex);
}

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

// 自动播放功能
setInterval(nextImage, 3000); // 每3秒切换一次图片