Pare o carrossel do Twitter Bootstrap no final dos slides
O carrossel Bootstrap é uma fera estranha. Eu tentei tweaking $ próximo para evitar looping infinito, mas acabam quebrando ou impedindo que os slides voltem para trás quando chegam ao fim.
Eu gostaria que o carrossel deslizasse apenas dentro da lista e não fosse infinitamente loopado.
Qualquer ajuda seria apreciada.
$next = $next.length ? $next : this.$element.find('.item')[fallback]()
if ($next.hasClass('active')) return
if ($.support.transition && this.$element.hasClass('slide')) {
this.$element.trigger(e)
if (e.isDefaultPrevented()) return
$next.addClass(type)
$next[0].offsetWidth // force reflow
$active.addClass(direction)
$next.addClass(direction)
this.$element.one($.support.transition.end, function() {
$next.removeClass([type, direction].join(' ')).addClass('active')
$active.removeClass(['active', direction].join(' '))
that.sliding = false
setTimeout(function() {
that.$element.trigger('slid')
}, 0)
})
} else {
this.$element.trigger(e)
if (e.isDefaultPrevented()) return
$active.removeClass('active')
$next.addClass('active')
this.sliding = false
this.$element.trigger('slid')
}
Atualização: isso não está relacionado a "reprodução automática" Estou me referindo especificamente a pressionar manualmente os botões esquerdo e direito.