Menu icon Foundation
Orbit slider delay

Hi, does anyone have any idea how to add delay for orbit slider to start?
Thanks.=)

orbit-slider

Hi, does anyone have any idea how to add delay for orbit slider to start?
Thanks.=)

Bob Sawyer almost 5 years ago

The timer_speed setting should do that - it delays the amount of time between each transition, including the first one. So if your transition time is 10 seconds (the Orbit default), your first slide won't change before that 10 seconds is up. Does that make sense?

 $(document).foundation({
    orbit: {
      animation: 'slide',
      timer_speed: 6000, // Sets the amount of time in milliseconds before transitioning a slide
      pause_on_hover: true, // Pauses on the current slide while hovering
      resume_on_mouseout: true
    }
 });

I don't know of a method that will delay the first slide longer without affecting the other slides as well. I tried tinkering around with a setTimeOut() on the orbit function, but that didn't work.

http://codepen.io/bobsawyer/pen/vEYWzj