Stoppen Sie das Twitter-Bootstrap-Karussell am Ende der Folien
Das Bootstrap-Karussell ist ein seltsames Tier. Ich habe versucht, $ next zu optimieren, um Endlosschleifen zu verhindern, aber am Ende wird es entweder unterbrochen oder die Folien werden beim Erreichen des Endes nicht rückwärts verschoben.
Ich möchte, dass das Karussell nur innerhalb der Liste gleitet und nicht in einer Endlosschleife läuft.
Jede Hilfe wäre dankbar.
$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')
}
Update: Dies hat nichts mit "Autoplay" zu tun. Ich beziehe mich speziell auf das manuelle Drücken der linken und rechten Taste.