jQueryまたはJavaScriptで無限ループを繰り返すにはどうすればよいですか？

Question

私は、div内の画像でjQueryまたはJavaScriptの無限リピートループを実装しようとしています。 5つの画像が左に1回だけ移動し、これが最後です。 5枚の画像を無限ループで繰り返していきたいです。 私のコードで助けてくれますか？

よろしくお願いいたします。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 

<div class="photobanner"> 
    <div id="photoSlider"> 
     <div class="photos"> 
      <img src="images/01.jpg" style="margin-top: 15px" /> 
      <img src="images/02.jpg" style="margin-top: 15px" /> 
      <img src="images/03.jpg" style="margin-top: 15px" /> 
      <img src="images/04.jpg" style="margin-top: 15px" /> 
      <img src="images/05.jpg" style="margin-top: 15px" /> 
     </div> 
    </div> 
</div> 

<script type="text/javascript"> 
    function infinite() { 
     var elem = document.getElementById("photoSlider"); 
     elem.appendChild(elem.children[i].cloneNode(true)); 
     setTimeout(infinite, 1); 
    } 
</script> 

マイCSS：

http://pastebin.com/hS3C5ns4

Answer 1

オンラインで入手できるいくつかのJQueryスライダプラグインを使用できます。達成しようとしている機能は非常に共通しており、プラグインを使用することで、開発したもののいくつかの不具合を心配することなく、すべてのケースのシナリオをうまく処理できるようになります。あなたが使用できる人気のあるものの1つはhttps://amazingslider.com/です。他にもオプションがあります。ただ探検して決める！