Javascript 在多媒体资料完全播放后，如何关闭Fancybox？

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

---

这可以工作，但会在第一个图像之后立即停止fancybox。所以我需要像《余雨画廊》这样的东西。有没有办法做到这一点？欢迎提供任何帮助。

我认为您应该尝试从

onPlayEnd（）

事件处理程序中调用

close（）

。此事件处理程序在幻灯片放映停止后调用。因此，不要将

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(); 
                } 
            }
        ); 
    });
}); 

---

请尝试使用

onPlayEnd:function（）

事件处理程序。这会解决你的问题。谢谢你的回答。我试过了，但还没有成功，我的js不是很好。。。也许您可以帮助我并显示将调用放在何处：$（document）.ready（函数（）{$（'.imagen'）。单击（函数（e）{e.preventDefault（）；parent.$.fancybox（[{href:'img/1A.jpg'}，{href:'img/1B.jpg'}，{href:'img/1C.jpg'}]）；//fancybox}；//单击}；//准备好了吗？抱歉，代码块在注释中似乎不起作用…您好@Taco，请您尝试上面修改的代码。您好@vijayP，谢谢您调整代码，这非常好用。不过，我还有一个问题，当鼠标位于fancybox中的当前图像上方时，我想暂停自动播放。我发现了这个：但是这退出了fancybox，我只想暂停自动播放…你好@Taco。你能为这个问题再补充一个问题吗？因此，处于上述情况的用户将在将来参考此答案。我可以修改这个答案本身，但其他OP会被其他代码弄糊涂。因此，只需添加另一个问题，并在问题链接中对我进行评论。谢谢，可以。现在谢谢你。

$(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(); 
                } 
            }
        ); 
    });
});