Owl Carousel Won t Autoplay

Question

I m using the Owl Carousel on my site  According to their documentation  this piece of JavaScript should work    lt script gt      intro   owlCarousel       Most important owl features    Autoplay autoPlay   5000  stopOnHover   false     lt  script gt    But for some reason it will not autoplay  Here is the HTML of the slider    lt div id  intro  class  owl-carousel  gt       lt div class  item first  gt         lt div class  container  gt           lt div class  row  gt             lt div class  carousel-caption-left colour-white  gt               lt h2 gt Title Text lt  h2 gt               lt h1 gt Sub title text here  lt  h1 gt               lt p gt If you like you can even add a sentence or two here  lt  p gt             lt  div gt           lt  div gt         lt  div gt         lt div class  overlay-bg  gt  lt  div gt       lt  div gt       lt div class  item second  gt         lt div class  container  gt           lt div class  carousel-caption-left colour-white  gt             lt h2 gt Title Text lt  h2 gt             lt h1 gt Sub title text here  lt  h1 gt             lt p gt If you like you can even add a sentence or two here  lt  p gt           lt  div gt         lt  div gt         lt div class  overlay-bg  gt  lt  div gt       lt  div gt       lt div class  item third  gt         lt div class  container  gt           lt div class  carousel-caption-left colour-white  gt             lt h2 gt Title Text lt  h2 gt             lt h1 gt Sub title text here  lt  h1 gt             lt p gt If you like you can even add a sentence or two here  lt  p gt           lt  div gt         lt  div gt         lt div class  overlay-bg  gt  lt  div gt       lt  div gt   lt  div gt

User · Answer

Yes  its a typing error   Write     autoPlay   not     autoplay   The autoplay-plugin code defines the variable as  autoPlay

User · Answer

Changing autoplay to autoPlay alone did not work for me  What did the trick was to add autoplaySpeed and autoplayTimeout properties and set them to the same value  like this     document  ready function        var owl       owl-carousel        owl owlCarousel           items  1          autoplay  true          autoPlaySpeed  5000          autoPlayTimeout  5000          autoplayHoverPause  true               Here s a working demo  JS Bin  More info about this can be found here  https   github com smashingboxes OwlCarousel2 issues 234

User · Answer

First  you need to call the owl autoplay js  this code works for me   owl trigger  play owl autoplay   1000

User · Answer

With version 2 3 4  you need the to add the owl autoplay js plugin  Then do the following  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

User · Answer

add this  owl trigger  owl play  6000

User · Answer

You are may be on the wrong owl s doc version   autoPlay is for 1st version  autoplay is for 2nd version

User · Answer

You should set both autoplay and autoplayTimeout properties  I used this code  and it works for me       owl-carousel   owlCarousel                   autoplay  true                  autoplayTimeout  5000                  navigation  false                  margin  10                  responsive                        0                            items  1                                            600                            items  2                                            1000                            items  2

User · Answer

Your Javascript should be   lt script gt      intro   owlCarousel       Most important owl features    Autoplay autoplay  false  autoplayTimeout  5000  autoplayHoverPause  true     lt  script gt

User · Answer

This code should work for you      intro   owlCarousel             slideSpeed   800          autoPlay  6000          items   1          stopOnHover   true          itemsDesktop    1199 1           itemsDesktopSmall    979 1           itemsTablet      768 1

User · Answer

If you using v1 3 3 then use following property  autoPlay   5000   Or  using latest version then use following property  autoPlay   true

User · Answer

Just a Typing Error    lt script gt      intro   owlCarousel       Most important owl features    Autoplay autoPlay   5000  stopOnHover   false    ----- TYPO  lt  script gt    It should be-   lt script gt      intro   owlCarousel       Most important owl features    Autoplay autoPlay   5000  stopOnHover   false    ----- Correct  lt  script gt

User · Answer

I had the same problem and couln t find the solution  Finally I realized  that with owlcarousel ver  2 3 4 I have to include not only owl carousel js  but owl autoplay js file too

User · Answer

In my case autoPlay not working but autoplay is working fine   I only used this    lt script src  plugins owlcarousel owl carousel js  gt  lt  script gt    no owl autoplay js is need it  amp  my owl carousel version is  version 2 0 0   hope this thing help you

User · Answer

Owl Carousel version matters a lot  as of now  2nd Aug 2020  the version is 2 3 4 and the right options for autoplay are     quot  owl-carousel quot   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       Read more Owl configurations

User · Answer

Setting autoPlay  true didn t work for me  But on setting autoPlay  5000 it worked

[javascript] Owl Carousel Won't Autoplay

Examples related to javascript

Examples related to html

Examples related to owl-carousel