Narrative theme - Stop slideshow autoplay loop

dthobhani
New Member
2 0 0

Hi - I have added the following code to custom.js to allow my slideshow to autoplay. But I would like it to stop looping (i.e. autoplay stops after 1 cycle). How can I do this? Thanks 🙂

 

var sections = window.theme.sections;
var slideshowAutoExtension = {
  init: function() {
    this.on('slideshow_desktop_init_done', this._autoplaySlideshow.bind(this));
  },
  _autoplaySlideshow: setInterval(function() {
    var $slide = $('.slideshow__slide--active')
                   .removeClass('slideshow__slide--active');
 
    var $button = $('.slideshow__button--active')
                   .removeClass('slideshow__button--active');
 
    var $slides = $('.slideshow__slide');
 
    var currentIndex = ($slides.index($slide) + 1) % $slides.length;
 
    $slides
      .eq(currentIndex)
      .addClass('slideshow__slide--active');
 
    var $buttons = $('.slideshow__button') 
    .eq(currentIndex)
      .addClass('slideshow__button--active');
  }, 2000)
};
 
sections.extend('slideshow', slideshowAutoExtension);

 

Replies 0 (0)