Fancybox 3.0 淡入淡出

【问题标题】：Fancybox 3.0 fadeFancybox 3.0 淡入淡出
【发布时间】：2017-06-01 07:02:58
【问题描述】：

目前我正在使用fancybox 3.0。它在自动播放。换下一张图片会有淡入淡出效果怎么弄？

这是我目前的代码

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

                            });

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

                            });

【问题讨论】：

标签： fancybox-3

【解决方案1】：

从 v3.1 开始提供不同的过渡效果

预览 - https://codepen.io/fancyapps/pen/LyNXqr

您可以在这里获取代码 - https://github.com/fancyapps/fancybox/tree/3.1

transitionEffect : "fade"

【讨论】：

嗨，谢谢。我看到了效果，但对于淡化我看不到很多效果。图像不透明度不降低，出现下一张图像
如果你愿意，你可以让它变慢，但是页面内容会在动画中间有点可见。因此它正在迅速消失。
那么如何在我的页面上插入效果呢？这是我的代码 $('[data-fancybox="project2"]').fancybox({ slideShow : { autoStart : true, transitionEffect : "zoom", }, });