슬라이드 쇼 전환 - 자바 스크립트

자바 스크립트에서 슬라이드 쇼 갤러리를 만들려고하는데 작동하지 않습니다 ... src은 lamborghini.jpg을 건너 뛰고 바로 veyron.jpg으로갑니다.슬라이드 쇼 전환 - 자바 스크립트

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
    <img id="img" src="ferrari.jpg" /> 
    <script> 
     img = document.getElementById("img"); 
     images = new Array("ferrari.jpg","lamborghini.jpg","veyron.jpg"); 
     end = images.length -1; 

     window.onload = setInterval(slide,1000);   
     function slide(){ 
      for(i=0;i<=end;i++){ 
       img.src = images[i]; 
      } 
     } 
    </script> 
</body> 
</html>

출처

2016-07-18 NTM

여기 루프가 존재하는 이유는 모든 이미지를 모두 전송하고 있기 때문입니다. 알았어요

는 start

<script> 
      var img = document.getElementById("img"); 
      var images = new Array("ferrari.jpg","lamborghini.jpg","veyron.jpg"); 
      var end = images.length -1; 
      var start = 0; 
      window.onload = setInterval(slide,1000);   
      function slide(){ 
       img.src = images[start%end]; 
       start++; 
      } 
</script>

example fiddle

출처

2016-07-18 12:07:12

으로 증가 변수와 함께 할! Ozgur에게 감사드립니다. – NTM

다행이었습니다! 행복한 코딩 @NTM –

슬라이드 쇼 전환 - 자바 스크립트

답변

관련 문제