JWell JSlide

Can't prevent looping. Wish to stop on 2nd slide.

by timsalabim

HTML

<div id="slides"><img src="https://cdn.shopify.com/s/files/1/1090/4910/files/jetwell_org_srgb.gif" /> <img src="https://cdn.shopify.com/s/files/1/1090/4910/files/stock-vector-flat-design-icons-air-holidays-background-261200120-_1.png" /></div>
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="https://cdn.shopify.com/s/files/1/1090/4910/files/jquery.slides.min.js"></script>
<script src="https://cdn.shopify.com/s/files/1/1090/4910/files/jquery.slides.js"></script>
<script>
  // <![CDATA[
  $(function() {
    $("#slides").slidesjs({
      width: 700,
      height: 400,
      play: {
        active: true,
        // [boolean] Generate the play and stop buttons.
        // You cannot use your own buttons. Sorry.
        effect: "slide",
        // [string] Can be either "slide" or "fade".
        interval: 3000,
        // [number] Time spent on each slide in milliseconds.
        auto: true,
        // [boolean] Start playing the slideshow on load.
        swap: false,
        // [boolean] show/hide stop and play buttons

      },
      navigation: {
        active: false,
        // [boolean] Generates next and previous buttons.
        effect: "slide"
          // [string] Can be either "slide" or "fade".
      },

      animationComplete: function(current) {
        if (current >= total) {
          clearInterval($('#slides').data('playInterval'));
          $(".pagination").remove();
          $(".prev").remove();
          //          $(".next").remove(); 
        }
      },
      preload: true,
      preloadImage: 'http://slidesjs.com/img/loading.gif',
      play: 5000,
      pause: 2500,
      slideSpeed: 600,
      hoverPause: true,

    });
  });
  // ]]>

</script>