Zurb Foundation Orbit 슬라이더 3 번째 슬라이드에서 일시 중지

Question

애니메이션 속도가 추가되었으며 마우스를 올리면 일시 중지 될 수 있습니다. 그러나 JS와 함께 특정 슬라이드 또는 적어도 특정 시간에 일시 중지 할 수 있는지 궁금했습니다. 이것이 가능한 방법에 대한 제안?

감사합니다.

Answer 1

슬라이드 변경 '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를, 이러한 이벤트를 수신 할 수있을 때 JS 이벤트를 전달 궤도.

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

시간을 확보하는 방법을 잘 모르지만 필요한 정보가 노출되도록 궤도 js를 변경할 수 있습니다.

슬라이드 번호는 'slideNumber'옵션

slideNumber: true,    // display slide numbers? 

을 활성화하고 디스플레이에서 수를 얻을 수 얻으려면.

희망이 도움이됩니다.