スライドショーのトランジション - Javascript

私はJavascriptでスライドショーギャラリーをしようとしていますが、動作しません。srcはlamborghini.jpgをスキップしてすぐにveyron.jpgに行きます。スライドショーのトランジション - Javascript

<!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 –

スライドショーのトランジション - Javascript

答えて

関連する問題