使用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創建自動播放幻燈片

回答

相關問題