홈>
슬라이드 쇼를위한 코드에 문제가 있으며, 매우 바보 같은 느낌이 들었습니다. '이전'버튼을 작동시킬 수 없습니다. 클릭해도 아무 변화가 없습니다. '다음'버튼은해야 할 일을합니다. 나는 그것이 내 자바 스크립트와 관련이 있다고 가정하며, 그 지식은 매우 제한적인 지식을 가지고 있습니다 (의미 없음).
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);}
function currentSlide(n) {
showSlides(slideIndex = n);}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none"; }
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", ""); }
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";}
.mySlides {display: none}
img {vertical-align: middle;
}
.slideshow-container {
width: 100%;
hight: 100%;
position: relative;
margin: auto;
}
.active, .dot:hover {
background-color: #717171;
}
.prev {
cursor: pointer;
position: absolute;
left:5px;
margin-lift: 5px;
}
.next {
cursor: pointer;
position: absolute;
right:5px;
margin-right: 5px;
}
<div class="mySlides fade">
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<div class="wrapper">
<div class="imagelandscape"><img src="http://image.JPG" style= " display: block; max-height:auto; width:100%; "></div>
</div>
전체 코드는 간단한 w3schools 슬라이드 쇼를 기반으로합니다. 나는 이것에 매우 익숙하므로 모든 사람들의 도움과 인내심에 감사드립니다.
- 답변 # 1
관련 질문
- javascript : 데스크탑 브라우저에서 자바 스크립트로 중요한 스타일을 덮어 쓸 수 없습니다.
- javascript : 이전 스타일을 엉망으로 만들지 않고 모든 것을 div, main 또는 HTML 태그 안에 넣습니다.
- javascript : 현재 페이지에있는 동안 마지막 키 프레임의 navbar 요소에서 애니메이션을 유지하려면 어떻게해야합니까?
- javascript : Onsen UI Tabbar 탭은 이전에 클릭했을 때 버튼으로 확인할 수 없습니다.
- javascript : 이 자바 스크립트 code를 어떻게 최적화 할 수 있습니까? (Spreadsheet getelementbyid)
- JavaScript로 CSS style.display를 변경하는 방법
- javascript : html /css에서 스크롤 막대 숨기기
- 테이블의 확장 된 행에 세로 탐색 줄 추가 (HTML /CSS /Javascript)
- javascript : 오류 : 리소스로드 실패 : 서버가 404 (찾을 수 없음) 상태로 응답했습니다.
- javascript : React의 기능 전환