title: Individual slide delay // Superslides
body: <p>This is a problem with superslides from nicinabox <a href="https://github.com/nicinabox/superslides" rel="nofollow">Github Link</a></p>
  
  <p>I know that you can use the 'play' option in order to set a time in milliseconds before progressing to the next slide automatically. This sets a global time for the entire slideshow.</p>
  
  <p>What I would like to achieve is for individual slides to have their own specific progress/delay time. 
  For example if I have a slideshow with twenty slides I want all the slides to progress automatically and to stay on screen for 5 seconds. However the third slide should be displayed for 20 seconds.</p>
  
  <p>I have tried to do this by using the animated.slides event but I cant get it to work as the animation stops with the fourth slide :</p>
  
  <p>Here is my code:</p>
  
  <pre><code>$(function () {
    $('#slides').superslides({
  
        hashchange: true,
        play: 5000,
        pagination: true
    });
  
  
  });
  
  $('#slides').on('animated.slides', function () {
    var current_index = $(this).superslides('current');
  
    if (current_index === 2) { // third slide
  
        $(this).superslides('stop');
  
        var disp = function test1() {
  
            setTimeout(function ()
  
                {
                    $('#slides').superslides('animate', 3)
                }, 20000);
  
        }
        disp();
  
    }
  
  });
  </code></pre>
  
  <p>Any help would be appreciated. Maybe there is someone out there to solve my problem.</p>