Search code examples
javascripthtmlblueimp

Blueimp gallery play-pause

I use blueimp gallery for slideshow For default when I open the slideshow it play pictures automatically, In other words it moves from one image to another automatically.

<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
<div class="slides"></div>
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>

I want to stop playing images when I open the slideshow

Is there any way to do that?

Solution

  • you can set startSlideshow to false in options to stop auto scroll.

    var options = {
    container: '#blueimp-video-carousel',
    startSlideshow: false, // set this to false to stop auto scroll
    // remaining options
}

    or

    you can pause the automatic slideshow using

    gallery.pause();

    check api-methods