이미지 자동 슬라이드 관련 문의좀 드립니다.
본문
<div class="slide">
<img src="../img/logo001.png" alt="이미지 1">
</div>
<div class="slide">
<img src="../img/logo002.png" alt="이미지 2">
</div>
<div class="slide">
<img src="../img/logo003.png"alt="이미지 3">
</div>
</div>
<script>
let currentSlide = 0;
const slides = document.querySelectorAll('.slide');
const slideCount = slides.length;
function showSlide(n) {
slides.forEach(slide => slide.style.display = 'none');
slides[n].style.display = 'block';
}
function nextSlide() {
currentSlide = (currentSlide + 1) % slideCount;
showSlide(currentSlide);
}
function prevSlide() {
currentSlide = (currentSlide - 1 + slideCount) % slideCount;
showSlide(currentSlide);
}
document.addEventListener('DOMContentLoaded', () => {
showSlide(currentSlide);
setInterval(nextSlide, 3000); // 3초마다 자동 슬라이드
});
</script>
이 코드를 사용해서 이미지 슬라이드를 사용중인데 이미지가 1줄씩 슬라이드로 나오는데
이미지를 2줄씩 슬라이드 나오게 할려면 어떤부분을 수정해야 할까요? 공부하는 중이라 바쁘실텐데
알려주시면 복받으실겁니다..!
