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. (Это было-слева и-прямо раньше).
У кого-нибудь есть хорошая идея, чтобы решить эту проблему?