@I_want_to_know

Owl carusel нет первого слайда, как исправить?

Друзья, всем привет!
Посоветуйте, как решить задачу:
При загрузке сайта, вместо первого слайда ни чего не загружается (белое поле).
Первый слайд становится как бы вторым.
Посоветуйте, куда копать и что править?

$(".slide-one").owlCarousel({
  loop:true, //Зацикливаем слайдер
  video:true, // Подключил видео
  margin:10, //Отступ от картино если выводите больше 1
  nav:false, //Отключил навигацию
  autoplay:false, //Автозапуск слайдера
  smartSpeed:1000, //Время движения слайда
  autoplayTimeout:5000, //Время смены слайда
  responsive:{ //Адаптация в зависимости от разрешения экрана
      0:{
          items:1
      },
      600:{
          items:1
      },
      1000:{
          items:1
      }
  }
});

<section class="owl-carousel slide-one" id="first" itemprop="primaryImageOfPage">
		<div class="overlay"></div>
		<div class="item">
			<div class="overlay"></div>
			<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1651012769_51-vsegda-pomnim-com-p-khorvatiya-more-foto-58.jpg" alt="Image 1">
			<div class="caption">
				<h1 class="first__title" itemprop="name">Заголовок </h1>
				<p class="first__subtitle" itemprop="description">
					Далеко-далеко за, словесными горами в стране гласных и согласных живут рыбные тексты. Но, дороге ты рукописи повстречался если взгляд маленький проектах! Вершину свой коварный даже реторический, журчит текста до предложения власти они.
				</p>
				<div class="first__button">
					<a href="#" class="first__btn btn">Кнопка</a>
				</div>
			</div>
		</div>
		<div class="item">
			<div class="overlay"></div>
			<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1651050693_63-vsegda-pomnim-com-p-prekrasnoe-more-foto-73.jpg" alt="Image 2">
			<div class="caption">
			<h1 class="first__title" itemprop="name">Заголовок </h1>
				<p class="first__subtitle" itemprop="description">
					Далеко-далеко за, словесными горами в стране гласных и согласных живут рыбные тексты. Но, дороге ты рукописи повстречался если взгляд маленький проектах! Вершину свой коварный даже реторический, журчит текста до предложения власти они.
				</p>
				<div class="first__button">
					<a href="#" class="first__btn btn">Кнопка</a>
				</div>
			</div>
		</div>
		
		<video class="owl__video" controls="controls" autoplay="true" loop="true">
			<div class="item-video">
				<a class="owl-video" href="https://youtu.be/JpxsRwnRwCQ"></a>
				<div class="caption">
				<h1 class="first__title" itemprop="name">Заголовок </h1>
				<p class="first__subtitle" itemprop="description">
					Далеко-далеко за, словесными горами в стране гласных и согласных живут рыбные тексты. Но, дороге ты рукописи повстречался если взгляд маленький проектах! Вершину свой коварный даже реторический, журчит текста до предложения власти они.
				</p>
				<div class="first__button">
					<a href="#" class="first__btn btn">Кнопка</a>
					</div>
				</div>
			</div>
		</video>

	</section>
  • Вопрос задан
  • 28 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы