MagnificPopup:如何更新setInterval幻灯片

时间:2019-04-21 07:07:59

标签: jquery slideshow

我正在尝试使用MagnificPopup为内联内容创建幻灯片!一切都很好,但是当我单击下一步/上一个按钮时,应该为每个内容重新设置一个新的间隔8秒!

那么,如果我单击next / prev或navigationByImgClick,如何重新设置/更新间隔计时器?

非常感谢您的帮助。

<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>

我在这里找到了这个答案,但是没有用,幻灯片放映停止了。 LINK

0 个答案:

没有答案