Swiper API: Autoplay

Autoplay Parameters

ParameterTypeDefaultDescription
autoplayobject/boolean Object with autoplay parameters or boolean true to enable with default settings. For example:var mySwiper = new Swiper('.swiper-container', { autoplay: { delay: 5000, }, }); 
{
delaynumber3000Delay between transitions (in ms). If this parameter is not specified, auto play will be disabledIf you need to specify different delay for specific slides you can do it by using data-swiper-autoplay (in ms) attribute on slide:<!-- hold this slide for 2 seconds --> <div class="swiper-slide" data-swiper-autoplay="2000">
stopOnLastSlidebooleanfalseEnable this parameter and autoplay will be stopped when it reaches last slide (has no effect in loop mode)
disableOnInteractionbooleantrueSet to false and autoplay will not be disabled after user interactions (swipes), it will be restarted every time after interaction
reverseDirectionbooleanfalseEnables autoplay in reverse direction
waitForTransitionbooleantrueWhen enabled autoplay will wait for wrapper transition to continue. Can be disabled in case of using Virtual Translate when your slider may not have transition
}

Autoplay Methods & Properties

Properties
mySwiper.autoplay.runningWhether autoplay enabled and running
Methods
mySwiper.autoplay.start();Start autoplay
mySwiper.autoplay.stop();Stop autoplay

Autoplay Events

Event nameArgumentsDescription
autoplayStart Event will be fired in when autoplay started
autoplayStop Event will be fired when autoplay stopped
autoplay Event will be fired when slide changed with autoplay

Leave a Comment

Your email address will not be published.