Zurb Foundation Orbit Slider Пауза на третьем слайде

Question

Я добавил скорость анимации и могу приостановить наведение; однако мне было любопытно, если с JS я могу сделать паузу на определенном слайде или, по крайней мере, в определенное время. Любые предложения, как это возможно?

спасибо!

Answer 1

Орбита JS отправляет события, когда смена слайдов 'orbit.next' 'orbit.prev' ...

//from the orbit js 
    this.$element.bind('orbit.next', function() { 
    self.shift('next'); 
    }); 

    this.$element.bind('orbit.prev', function() { 
    self.shift('prev'); 
    }); 

вы можете слушать эти события с JQuery, например.

$("#featured").bind('orbit.next orbit.prev', function(event){ 
     console.log('slide change', event); 
    }); 

Не знаете, как вы получите время, но вы можете изменить орбиту js, чтобы разоблачить необходимую вам информацию.

Чтобы получить номер слайда можно включить опцию «slideNumber»

slideNumber: true,    // display slide numbers? 

и получить номер на дисплее.

Надеюсь, что это поможет.