Мне нужно настроить карусельBoostrap3.

В основном то, что я пытаюсь сделать, это:

Делаяcaption появляются через некоторое время после загрузки изображения (чтобы пользователь мог увидеть картинку через несколько секунд, затемcaption приходит в)caption должен прийти справа налево.caption необходимо заполнить всю картинку.

Что я пробовал?

Подпись карусели отображается снизу вверх и работает только на первом слайде.

Разметка css

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

Следуй за похожимвопросЯ использую этот .js

Js разметка

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');

Вот живойдемонстрация