title: jQuery slider last to first transition
body: <p>By default, when it's on the last slide the slider just scrolls to the left again to start over, as though it's an infinite loop. I want it to scroll back through all the slides and land on the first one again. Much like it does here (see the end of page: <a href="http://store.hogan.com/Hogan/IT/Traditional-20-15/p/HXM2540V600FMOG009" rel="nofollow noreferrer">http://store.hogan.com/Hogan/IT/Traditional-20-15/p/HXM2540V600FMOG009</a>). I used "jssor".com javascript to create it, taking carousel demo, and I can't add loop to the options, so I have to create another function but I don't know how to do it.</p>
  
  <p>How can that be achieved?</p>
  
  <p>Thank you, I'm new with this stuff.</p>
  
  <p>This is my <a href="https://jsfiddle.net/pacd4tL5/8/" rel="nofollow noreferrer">jsfiddle</a> if it can help you, but it doesn't work cause I've some external source that doesn't recognize. I'm sorry for the length of HTML and CSS codes, I had to take it like that for job.</p>
  
  <p>This is my JS.</p>
  
  <pre><code>jQuery(document).ready(function Slider($) {
  
          var numOfCols = 0;
          var slideWidth = 0;
  
          var bodyWidth = document.body.clientWidth;
          if (bodyWidth) {
              if (bodyWidth &gt;= 770) {
                      numOfCols = 4;
                      slideWidth = 200;
                      console.log("desktop");
                  }
                  else if (bodyWidth &gt;= 500) {
                      numOfCols = 2;
                      slideWidth = 230;
                      console.log("tablet");
                  }
                  else {
                      slideWidth = 285;
                      numOfCols = 1;
                      console.log("mobile");
                  }
          }
  
          var jssor_1_options = {
            $AutoPlay: true,
            $AutoPlaySteps: 1,
            $SlideDuration: 500,
            $SlideWidth: slideWidth,
            $SlideSpacing: 3,
            $Cols: numOfCols,
            $PauseOnHover:0,
            $Loop: 2,
            $otpCenter: true
          };
  
          var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
  
  
          $("#right").click(function() {
              jssor_1_slider.$Next();
          })
  
          $("#left").click(function() {
              jssor_1_slider.$Prev();
          });
      });
  </code></pre>