Мой сайт http://mytempsite. Contemporary-domain.com
На приведенной выше странице есть два изображения, отображаемых с помощью Owl Carousel, но я не могу понять, что здесь происходит не так, поскольку я использую примеры из Интернета, поэтому я мог ввести здесь что-то не так.
Моя настройка карусели
<script>
$(document).ready(function() {
$('#banner').owlCarousel({
animateOut: 'fadeOut',
animateIn: 'fadeIn',
items: 1,
smartSpeed: 1000,
autoplay: true,
autoplayTimeout: 6000,
dots: true,
nav: false,
//loop: true,
mouseDrag: false,
touchDrag: false
});
});
</script>
Два изображения отображаются, когда они должны перемещаться. Я использую последнюю версию Owl Carousel, поэтому не уверен, является ли проблема Owl Carousel проблемой или чем-то еще? Я проверил свой HTML-код, который выглядит нормально, и никаких ошибок в окне консоли (с помощью Chrome)
Я удалил почти все, начиная с сайта и кончая его основными костями, а также оставил без изменений текущие Javascript, JQuery и CSS. Есть идеи, что здесь не так?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Я не вижу в вашем исходном коде двух файлов CSS, которые, как указано в документации Owl Carousel, необходимы для успешной установки (источник). Вам нужно будет включить в ваш <head> следующее.
<!-- change paths to reflect your setup -->
<link rel = "stylesheet" href = "owlcarousel/owl.carousel.min.css">
<link rel = "stylesheet" href = "owlcarousel/owl.theme.default.min.css">
после первого «слайда» все пропало. потому что
.owl-stageполучаетtransform: translate3d(-1920px, 0px, 0px);, но все равно. исправление будетdisplay:flexвместоdisplay:blockна<div class = "owl-stage">