如何在完全播放图库后关闭Fancybox?

时间:2016-05-25 08:32:08

标签: javascript jquery fancybox fancybox-2

在我的页面图像上打开一个fancybox(多组图像),自动播放设置为true。我想在显示所有图像后停止fancybox(图像数量不同)。我试过了

afterShow: function () {
    $.fancybox.close(); 
}

这可以工作,但在第一张图片后立即停止fancybox。所以我需要像AfterShowGallery这样的东西。有没有办法实现这个目标?欢迎任何帮助。

1 个答案:

答案 0 :(得分:1)

我认为您应该尝试从close()事件处理程序中调用onPlayEnd()。幻灯片停止后调用此事件处理程序。所以不要在close事件处理程序中调用afterShow;在onPlayEnd()中执行如下操作:

$(document).ready(function() { 
    $('.imagen').click(function(e){ 
        e.preventDefault(); 
        parent.$.fancybox(
            [ {href:'img/1A.jpg'}, {href:'img/1B.jpg'}, {href:'img/1C.jpg'} ],
            {
             // API options here
                onPlayEnd: function () {
                    $.fancybox.close(); 
                } 
            }
        ); 
    });
});