magnific popup autoplay slideshow -


i using magnific popup popup image slideshow. below have done.

$('.parent-container').magnificpopup({     type:'image',     delegate: 'a',     gallery: { // options gallery     enabled: true },     image: { // options image content type     titlesrc: 'title' } }); 

and html markup

<div class="parent-container"> <ul class="row carousel-inner" style="margin:0; padding:0; background:red;">     <li class="active item gallery-photo" style="margin:0; padding:0; background:red;">         <a href="images/gallery-1.jpg" title="image title here"><img class="img-responsive" src="images/gallery-1.jpg"></a>     </li>     <li class="item">         <a href="images/gallery-2.jpg" title="image title here"><img class="img-responsive" src="images/gallery-2.jpg"></a>     </li>     <li class="item">         <a href="images/gallery-3.jpg" title="image title here"><img class="img-responsive" src="images/gallery-3.jpg"></a>     </li> </ul> </div> 

now, working fine, want image change automatically, when launch popup first image displayed , should change automatically. not able fine make auto in documentation .

your efforts apprecialted.

i have found it, adding answer else can benefit out of it. need add callbacks. have added below code after magnificpopup({}) function. , solve problem images start moving automatically.

callbacks: { open: {    setinterval(function() {         $.magnificpopup.instance.next();    }, 2000); } } 

Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -

How to provide Authorization & Authentication using Asp.net, C#? -