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褪色

回答

相关问题