Slider

1 reply · opened Aug 25, 2016

AannaweaverAug 25, 2016

Hi. I have my slider working, but I can't quite get it to work as I need it to. I basically want it to play through all the slides automatically but then then stop at the last slide rather than looping back to the beginning again. I basically can't seem to stop it from looping when its in autoplay mode. This is the code I have:
`
<section id="slider" class="slider-parallax swiper_wrapper full-screen clearfix" data-autoplay="1000" data-loop="false" data-speed="2000" data-autoplayStopOnLast="true" data-effect="fade">

Thanks

AannaweaverAug 27, 2016

For anyone interested I solved this problem by manually initialising the slider instead with the following which works fine!


    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 2500,
        autoplayStopOnLast: true,
        effect: "fade",
        speed:2000
    });

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard