великолепно изскачащо автоматично пускане на слайдшоу

Използвам magnific popup за слайдшоу с изскачащи изображения. По-долу е това, което направих.

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

И това е моят 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="/bgimages/gallery-1.jpg" title="Image Title Here"><img class="img-responsive" src="images/gallery-1.jpg"></a>
    </li>
    <li class="item">
        <a href="/bgimages/gallery-2.jpg" title="Image Title Here"><img class="img-responsive" src="images/gallery-2.jpg"></a>
    </li>
    <li class="item">
        <a href="/bgimages/gallery-3.jpg" title="Image Title Here"><img class="img-responsive" src="images/gallery-3.jpg"></a>
    </li>
</ul>
</div>

Сега всичко работи добре, но искам изображението да се променя автоматично, например когато стартирам изскачащия прозорец, първото изображение ще се покаже и след това трябва да се промени автоматично. Не мога да глобя нищо, за да стане auto в документацията.

Вашите усилия ще бъдат високо оценени.


popup autoplay magnific-popup
person Soeb Safi    schedule 08.07.2015    source източник

Отговори (1)


arrow_upward
2
arrow_downward

Намерих го, добавям това като отговор, така че някой друг също да може да се възползва от него. Просто трябва да добавите обратни повиквания. Добавих код по-долу след функцията magnificPopup({}). И това ще реши проблема, изображенията ще започнат да се движат автоматично.

callbacks: {
open: {
   setInterval(function() {
        $.magnificPopup.instance.next();
   }, 2000);
}
}
person Soeb Safi    schedule 08.07.2015