Сова Карусель не будет автоигрой

Question

Сова Карусель не будет автоигрой

Я использую Сову Карусель на моем сайте. Согласно их документации, этот кусок 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>

40

javascript html owl-carousel

Источник

user2251200 27 мар '14 в 05:04

13 ответов

Другие вопросы по тегам javascript html owl-carousel

user3778545 29 янв '15 в 09:31 2015-01-29 09:31 · Answer 1 · 2015-01-29 09:31

Да, это опечатка.

Написать

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

не

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

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

89

Источник

user3778545 29 янв '15 в 09:31

user2398782 29 июн '16 в 09:02 2016-06-29 09:02 · Answer 2 · 2016-06-29 09:02

Возможно, вы находитесь на неправильной версии документа совы.

autoPlay is for 1st version

autoplay is for 2nd version

43

Источник

user2398782 29 июн '16 в 09:02

user5894851 08 фев '16 в 18:44 2016-02-08 18:44 · Answer 3 · 2016-02-08 18:44

Изменение автозапуска на автозапуск само по себе не сработало. Что удалось сделать, так это добавить свойства 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

user1109197 04 июн '14 в 07:35 2014-06-04 07:35 · Answer 4 · 2014-06-04 07:35

Добавь это

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

9

Источник

user1109197 04 июн '14 в 07:35

user1562724 26 ноя '16 в 22:00 2016-11-26 22:00 · Answer 5 · 2016-11-26 22:00

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

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

user2663378 01 ноя '18 в 21:24 2018-11-01 21:24 · Answer 6 · 2018-11-01 21:24

В версии 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
});

5

Источник

user2663378 01 ноя '18 в 21:24

user4617203 28 фев '15 в 07:52 2015-02-28 07:52 · Answer 7 · 2015-02-28 07:52

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

$("#intro").owlCarousel ({

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

4

Источник

user4617203 28 фев '15 в 07:52

user2849629 27 мар '14 в 05:44 2014-03-27 05:44 · Answer 8 · 2014-03-27 05:44

Просто опечатка,

<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>

3

Источник

user2849629 27 мар '14 в 05:44

user6770917 03 авг '20 в 00:35 2020-08-03 00:35 · Answer 9 · 2020-08-03 00:35

Версия Owl Carousel имеет большое значение, на данный момент (2 августа 2020 г.) версия2.3.4 и правильные варианты автозапуска:

$(".owl-carousel").owlCarousel({
    autoplay : true,
    autoplayTimeout: 3000,//Autoplay interval timeout.
    loop:true,//Infinity loop. Duplicate last and first items to get loop illusion.
    items:1 //The number of items you want to see on the screen.
});

Подробнее о конфигурациях Owl

user1076775 31 июл '18 в 07:25 2018-07-31 07:25 · Answer 10 · 2018-07-31 07:25

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

autoPlay : 5000

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

autoPlay : true

2

Источник

user1076775 31 июл '18 в 07:25

user5914119 29 авг '16 в 20:44 2016-08-29 20:44 · Answer 11 · 2016-08-29 20:44

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

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

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

нет owl.autoplay.js это нужно, и моя версия карусели совы @version 2.0.0

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

2

Источник

user5914119 29 авг '16 в 20:44

user1726743 07 июл '14 в 16:50 2014-07-07 16:50 · Answer 12 · 2014-07-07 16:50

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

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

// Most important owl features

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

2

Источник

user1726743 07 июл '14 в 16:50

user3207390 28 июл '18 в 11:51 2018-07-28 11:51 · Answer 13 · 2018-07-28 11:51

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

1

Источник

user3207390 28 июл '18 в 11:51

user11406069 24 апр '19 в 14:52 2019-04-24 14:52 · Answer 14 · 2019-04-24 14:52

У меня была такая же проблема, и я не смог найти решение. Наконец я понял, что с owlcarousel вер. 2.3.4 Я должен включить не только файл owl.carousel.js, но и файл owl.autoplay.js.

0

Источник

user11406069 24 апр '19 в 14:52

user6099308 22 мар '16 в 14:44 2016-03-22 14:44 · Answer 15 · 2016-03-22 14:44

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

0

Источник

user6099308 22 мар '16 в 14:44