Muszę dostosować karuzelęBoostrap3.

Zasadniczo to, co próbuję zrobić, to:

Dokonywaniecaption pojawia się chwilę po załadowaniu obrazu (aby dać użytkownikowi możliwość zobaczenia zdjęcia kilka sekund, a następniecaption wchodzi)Thecaption powinien pochodzić od prawej do lewej.Thecaption musi wypełnić cały obrazek.

Co próbowałem?

Napis karuzeli pojawia się od dołu do góry i działa tylko na pierwszym slajdzie.

Znaczniki Css

.carousel-caption {
    display: none;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    padding-bottom: 30px;
    background: rgba(100, 100, 100, 0.5);
}

Podążaj za podobnympytanie, Używam tego .js

Js znacznik

var carouselContainer = $('.carousel');
var slideInterval = 3000;

function toggleCaption(){
    var caption = carouselContainer.find('.active').find('.carousel-caption');
    caption.slideToggle();
}

carouselContainer.carousel({
    interval: slideInterval,
    cycle: true,
    pause: "hover"
}).on('slid slide', toggleCaption).trigger('slid');

Oto koncertpróbny