stackoverflow.com/questions/53635583/...

у установить интервал данных для каждого слайда карусели. Здесь, в stackoverflow, я нашел фрагмент JavaScript для этого случая, но он не работает хорошо. (Twitter Bootstrap Карусель длительность слайдаКаждый интервал данных имеет свой встроенный интервал данных в формате html с мс от 3000 до 7000 на пяти слайдах.

Реальная продолжительность слайдов не соответствует моим ожиданиям и коду. Пример: я установил интервал в 3000, и слайд показывается около 7-8 секунд.

Js-файл написан в нижней части сайта.

Вот код js:

var t;
var start = $('#carouselExampleFade').find('.active').attr('data-interval');
t = setTimeout("$('#carouselExampleFade').carousel({interval: 1000});", start - 1000);

$('#carouselExampleFade').on('slid.bs.carousel', function() {
    clearTimeout(t);
    var duration = $(this).find('.active').attr('data-interval');

    $('#carouselExampleFade').carousel('pause');
    t = setTimeout("$('#carouselExampleFade').carousel();", duration - 1000);
})

$('.carousel-control-next').on('click', function() {
    clearTimeout(t);
});

$('.carousel-control-prev').on('click', function() {
    clearTimeout(t);
});

Одна часть карусели:

<div class="row">
    <div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active" data-interval="2000">
                <div class="carousel-caption d-none d-md-block text-left">
                    <h3>Willkommen im <br>Parkett!</h3>
                </div>
                <img class="d-block w-100" src="assets/img/animation/slide1.jpg" alt="First slide">
            </div>

Примечание: я изменил строки carousel-control-next и -prev. (Это было-слева и-прямо раньше).

У кого-нибудь есть хорошая идея, чтобы решить эту проблему?

Ответы на вопрос(1)

Ваш ответ на вопрос