锦中融合门户系统

<div id="slider">

<img src="slide1.jpg" alt="Slide 1" class="slides" style="display: block;">

<img src="slide2.jpg" alt="Slide 2" class="slides">

<img src="slide3.jpg" alt="Slide 3" class="slides">

</div>

<button onclick="prevSlide()"><<

<button onclick="nextSlide()">>>

<script>

let currentSlide = 0;

const slides = document.querySelectorAll('.slides');

function showSlide(index) {

slides.forEach((slide, i) => {

slide.style.display = i === index ? 'block' : 'none';

});

}

function nextSlide() {

currentSlide = (currentSlide + 1) % slides.length;

showSlide(currentSlide);

}

function prevSlide() {

currentSlide = (currentSlide - 1 + slides.length) % slides.length;

showSlide(currentSlide);

}

</script>