Search code examples
javascriptjqueryjquery-cycle2

jQuery Cycle2 doesn't working

I'm using Cycle2 (2.1.5) jQuery plugin with jQuery 1.8.3. Now I load these two cycle2's files:

jquery.cycle2.min.js
jquery.cycle2.carousel.min.js

I'm using this HTML code:

<ul class="cycle-slideshow vertical" id="cycle-1" style="float: right;"
    data-cycle-fx="carousel"
    data-cycle-timeout="0"
    data-cycle-carousel-visible="2"
    data-cycle-carousel-vertical="true"
    data-cycle-slides="li"
    data-cycle-speed="1000"
>
    <li>blabla 1</li>
    <li>blabla 2</li>
    <li>blabla 3</li>
    <li>blabla 4</li>
</ul>

Everythings loaded fine, no error messages, but the slideshow doesn't start. Is there any trick to start it automatically?

Solution

  • Just remove the data-cycle-timeout="0" and it will work - JSFiddle

    data-cycle-timeout="xy" - The time between slide transitions in milliseconds - reference