MagnificPopup: обновить текущее изображение при использовании таймера setInterval для слайд-шоу - PullRequest
0 голосов
/ 20 апреля 2019

Я пытаюсь создать слайд-шоу для некоторого встроенного контента, используя MagnificPopup! все в порядке, за исключением того, что когда я нажимаю на кнопки «следующий / предыдущий», для каждого контента должен быть установлен новый интервал 8 секунд !!

Итак, как я могу обновить интервальный таймер, если я нажму на кнопку «Далее» или «Предыдущая»?

Я высоко ценю вашу помощь.

<script type="text/javascript">
jQuery(document).ready( function($) {
var lightboxInterval = false;
    jQuery('.popup-modal-story').magnificPopup({
        type: 'inline',
        preloader: false,
                midClick: true,
        closeOnContentClick: false,
        focus: '.image',
        gallery: {
            enabled: true,
            navigateByImgClick: true,
            preload: [0,1]
        },
        callbacks: {
            open: function() {
                lightboxInterval = setInterval(function() {
                    if(typeof($.magnificPopup.instance) != 'undefined') {
                        $.magnificPopup.instance.next();
                    }
                }, 8000);
            },
            close: function() {
                clearInterval(lightboxInterval);
                lightboxInterval = false;
            }
        }

    });

});
</script>
...