MagnificPopup：使用setInterval计时器进行幻灯片显示时更新当前图像

Question

我正在尝试使用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>