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

试图将以前在Fancybox2中运行的幻灯片更改为Fancybox3。贾尼斯最近帮助改变了youTube视频，现在我正在为我的幻灯片做同样的事情。我以前已经使用这个代码：（ “的fancybox”）使用Fancybox3创建自动播放幻灯片

// fancybox for images

$的fancybox（{
填充：0，将autoPlay： '真'， playSpeed：4000，为closeBtn：真，箭头：真，
助手：{ 覆盖：{ 不透明度：0.4，CSS ：{ '背景'： '＃50a3e2' }}
}
}）;

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

来源

2017-05-04 Roger

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

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

来源

2017-06-02 15:06:27

请解释一下你的代码。 – brimstone

我不明智。至少我了解FB 2的做事方式，并且可以找到可以学习的例子。这个版本似乎需要高水平的Jquery知识，我没有。这是否提供了上一个/下一个按钮和关闭按钮。我给出的版本运行YouTube视频需要更多的功能和CSS来重现我现在拥有的东西 - 请参阅[链接] https://www.whiteshepherdsnz.com/NewSite/page1.html – Roger

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

回答

相关问题