홈>2020-09-26 12:50source

javascript - "showPrevious"함수를 호출 할 때 가변 전류 값이 변경되지 않습니다

이 프로그램은 이미지 요소의 src 속성을 변경하기위한 것입니다. 배열을 통해

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
 <title>Url next, previous</title>
 <script type="text/javascript">

 var imagesarr = ["Eikona1.jpg","Eikona2.jpg","Eikona3.jpg"];
 var current = 0;

 function showNext() {
     current ++;    
     if(current==imagesarr.length) {
        current = 0;
     }
     document.getElementById("img").src = imagesarr[current];   
   }

여기에 문제가 있습니다! 가치를 얻는다 : 1 -1 대신에. showPrevious() 에 전화하면 현재 가격이 작동하지 않습니다. 현재 값이 -1 insted of 1로 변경되어야합니다.

 function showPrevious() {
    current = current - 1 ;  
     if(current < 0) {
        current = imagesarr.length - 1;
     }
     document.getElementById("img").scr = imagesarr[current];   
  }
 </script>

 </head>
 <body>
 <img src="Eikona1.jpg" id="img" alt="Einstein" style="width:600px; 
 height:500px"/>
 <br/>

클릭 이벤트가 각 기능을 트리거합니다

<input id="previous" type="button" value="Previous" style="width:220px; 
 margin-top:40px" onclick="showPrevious()"/>
 <input id="next" type="button" value="Next" style="width:220px; margin- 
 top:40px" onclick="showNext()"/> 
 </body>
 </html>

javascript html

답변 # 1

오타가 하나 있는데, src는 scr이지만 논리에 문제가있었습니다. 아마도이 수정 된 버전이 약간 수정되었을 것입니다.

<script type="text/javascript">
var imagesarr = ["1","2","3"];
var current = 0;
function showNext() {
    current ++;
    if(current==imagesarr.length) {
       current = 0;
    }
    document.getElementById("img").src = imagesarr[current];
  }
 function showPrevious() {
   current --;
   if(current < 0) {
      current = imagesarr.length-1;
   }
   document.getElementById("img").src = imagesarr[current];
 }
</script>

Python2.net

javascript - "showPrevious"함수를 호출 할 때 가변 전류 값이 변경되지 않습니다

관련 자료