Fancybox 3.0褪色

目前我使用的是fancybox 3.0。它在自動播放。如何改變下一張圖像時會出現淡入淡出效果？Fancybox 3.0褪色

這是目前我的代碼

$('[data-fancybox="project1"]').fancybox({ 
         slideShow : { 
         autoStart : true, 
         preload: '40', 
            }, 

          }); 

        $('[data-fancybox="project2"]').fancybox({ 
         slideShow : { 
         autoStart : true 
            }, 

          });

來源

2017-06-01 imja86

不同的過渡效果也可從V3.1開始

預覽 - https://codepen.io/fancyapps/pen/LyNXqr

你可以得到代碼在這裏 - https://github.com/fancyapps/fancybox/tree/3.1

transitionEffect : "fade"

來源

2017-06-01 07:21:46 Janis

你好謝謝。我看到了效果，但對於淡入淡出，我看不到很多效果。圖像在不透明度方面不會下降，並且下一個圖像會出現 – imja86

如果需要，您可以使它變得更慢，但是頁面內容在動畫中間會稍微可見。因此它快速衰落。 – Janis

那麼，我如何在我的網頁上插入效果？這是我的代碼$（ '[數據的fancybox = 「項目2」]'）的fancybox（{ 幻燈片：{ AUTOSTART：真， transitionEffect：「縮放」， }， }）。 – imja86

Fancybox 3.0褪色

回答

相關問題