Zatrzymaj bootstrap karuzelę, aby cyklować na końcu slajdu

Question

Chciałem, aby po naciśnięciu następnego przycisku na karuzeli, jeśli dotarł do końca slajdu, nie owijaj się i wróć do pierwszego slajdu . Czy istnieje prosty sposób na zrobienie tego w bootstrap 3?

Answer 1

Ustawienie opcji wrap na wartość false powoduje automatyczne zatrzymanie karuzeli.

$('#myCarousel').carousel({ 
    interval: 1000, 
    wrap: false 
}); 

Także jeśli chcesz ukryć na lewo i prawo kontroli, gdy karuzela jest pokazujący pierwsze/ostatnie slajdy można zrobić w ten sposób:

$('#myCarousel').on('slid.bs.carousel', '', function() { 
    var $this = $(this); 

    $this.children('.carousel-control').show(); 

    if($('.carousel-inner .item:first').hasClass('active')) { 
    $this.children('.left.carousel-control').hide(); 
    } else if($('.carousel-inner .item:last').hasClass('active')) { 
    $this.children('.right.carousel-control').hide(); 
    } 

}); 

DEMO