>source
이 프로그램은 이미지 요소의 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>


  • 답변 # 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>
    
    

관련 자료

  • 이전 javascript - 베어러 권한 부여를 사용하여 PouchDB를 Cloudant에 동기화하는 중 오류가 발생 함
  • 다음 c# - Base30 텍스트 jSignature 표현에서 원본 이미지를 복원 할 수 없습니다