Сова-карусель не будет запускаться

Я использую Карусель Совы на моем сайте. Согласно их документации, эта часть JavaScript должна работать:

<script>
$("#intro").owlCarousel({

// Most important owl features

//Autoplay
autoPlay : 5000,
stopOnHover : false
)}
</script>

Но по какой-то причине он не будет автоматически запускаться. Вот HTML слайдера:

<div id="intro" class="owl-carousel">
    <div class="item first">
      <div class="container">
        <div class="row">
          <div class="carousel-caption-left colour-white">
            <h2>Title Text</h2>
            <h1>Sub title text here.</h1>
            <p>If you like you can even add a sentence or two here.</p>
          </div>
        </div>
      </div>
      <div class="overlay-bg"></div>
    </div>
    <div class="item second">
      <div class="container">
        <div class="carousel-caption-left colour-white">
          <h2>Title Text</h2>
          <h1>Sub title text here.</h1>
          <p>If you like you can even add a sentence or two here.</p>
        </div>
      </div>
      <div class="overlay-bg"></div>
    </div>
    <div class="item third">
      <div class="container">
        <div class="carousel-caption-left colour-white">
          <h2>Title Text</h2>
          <h1>Sub title text here.</h1>
          <p>If you like you can even add a sentence or two here.</p>
        </div>
      </div>
      <div class="overlay-bg"></div>
    </div>
</div>

Ответы

Ответ 1

Да, это ошибка ввода.

Запись

AutoPlay

не

автовоспроизведение

Код автозапуска плагина определяет переменную как "autoPlay".

Ответ 2

Возможно, вы ошибаетесь в версии совой doc.

autoPlay is for 1st version

autoplay is for 2nd version

Ответ 3

Изменение автовоспроизведения в autoPlay не помогло мне. Что было трюком, чтобы добавить autoplaySpeed и autoplayTimeout свойства и установить их на то же значение, как это:

$(document).ready(function(){
    var owl = $(".owl-carousel");
    owl.owlCarousel({
        items: 1,
        autoplay: true,
        autoPlaySpeed: 5000,
        autoPlayTimeout: 5000
        autoplayHoverPause: true
    });
});

Вот рабочая демонстрация: JS Bin

Подробнее об этом можно узнать здесь: https://github.com/smashingboxes/OwlCarousel2/issues/234

Ответ 4

добавить это

owl.trigger('owl.play',6000);

Ответ 5

Этот код должен работать для вас

$("#intro").owlCarousel ({

        slideSpeed : 800,
        autoPlay: 6000,
        items : 1,
        stopOnHover : true,
        itemsDesktop : [1199,1],
        itemsDesktopSmall : [979,1],
        itemsTablet :   [768,1],
      });

Ответ 6

Вы должны установить свойства autoplay и autoplayTimeout. Я использовал этот код, и он работает для меня:

$('.owl-carousel').owlCarousel({
                autoplay: true,
                autoplayTimeout: 5000,
                navigation: false,
                margin: 10,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 2
                    }
                }
            })

Ответ 7

В моем случае autoPlay не работает, но автозапуск работает нормально

Я использовал этот

<script src="plugins/owlcarousel/owl.carousel.js"></script>

no owl.autoplay.js не требуется, а моя версия совой карусели - @version 2.0.0

надеюсь, что эта вещь поможет вам:)

Ответ 8

Просто ошибка ввода,

<script>
$("#intro").owlCarousel({

// Most important owl features

//Autoplay
autoPlay : 5000,
stopOnHover : false
)} ----- TYPO
</script>

Должно быть -

<script>
$("#intro").owlCarousel({

// Most important owl features

//Autoplay
autoPlay : 5000,
stopOnHover : false
}) ----- Correct
</script>

Ответ 9

Ваш Javascript должен быть

<script>
$("#intro").owlCarousel({

// Most important owl features

//Autoplay
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: true
)}
</script>

Ответ 10

Настройка autoPlay: true не работает для меня. Но при настройке autoPlay: 5000 он работал.

Ответ 11

Если вы используете v1.3.3, используйте следующее свойство

autoPlay : 5000

Или используя последнюю версию, используйте следующее свойство

autoPlay : true

Ответ 12

Сначала вам нужно вызвать owl.autoplay.js.
этот код работает для меня: owl.trigger('play.owl.autoplay', [1000]);

Ответ 13

С версией 2.3.4 вам нужно добавить плагин owl.autoplay.js. Затем сделайте следующее

var owl = $('.owl-carousel');
owl.owlCarousel({
   items:1, //how many items you want to display
    loop:true,
    margin:10,
    autoplay:true,
    autoplayTimeout:10000,
    autoplayHoverPause:true
});

Ответ 14

просто переименуйте autoPlay в автовоспроизведение

Ответ 15

var owl = $('.owl-carousel');
owl.owlCarousel({
    items:4,
    loop:true,
    margin:10,
    autoplay:true,
    autoplayTimeout:1000,
    autoplayHoverPause:true
});