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

时间:2017-05-04 00:18:51

标签: jquery html css

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

    // fancybox for images

$( “的fancybox”)。的fancybox({
        填充:0,         autoPlay:'true',         playSpeed:4000,         closeBtn:是的,         箭:真实,
        助手:{             overlay:{                 不透明度:0.4,                 css:{                     '背景':'#50a3e2'                 }             }
        }
    });

和以前一样,我需要背景颜色,没有带框阴影的边框图像和旧样式关闭按钮以及之前/下一个按钮,就像之前为我引用的精灵图像一样。 非常感谢任何给予的帮助。 此处幻灯片显示示例: https://www.whiteshepherdsnz.com/orchardgrovePuppies.html

1 个答案:

答案 0 :(得分:0)

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

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