使用 Fancybox3 创建自动播放幻灯片

Question

试图将以前在 Fancybox2 中运行的幻灯片更改为 Fancybox3。 Janis 最近帮助改变了 YouTube 视频，现在我正在尝试为我的幻灯片做同样的事情。我以前用过这段代码：

    // fancybox for images

$(".fancybox").fancybox({
填充：0， 自动播放：'真'， 播放速度：4000， closeBtn：是的， 箭头：真，
帮手：{ 覆盖：{ 不透明度：0.4， CSS：{ “背景”：“#50a3e2” } }
}
});

和以前一样，我需要背景颜色，没有带框阴影的边框图像和旧样式的关闭按钮和上一个/下一个按钮，就像你之前为我引用的精灵图像一样。 非常感谢您提供的任何帮助。 当前幻灯片的示例在这里： https://www.whiteshepherdsnz.com/orchardgrovePuppies.html

Answer 1

$("[data-fancybox]").fancybox({
        afterLoad: function() {

            if (!$('.fancybox-button--play').hasClass("fancybox-button--pause")) {
                $('.fancybox-button--play').trigger('click');
            }
        }
    });