fancybox-3 - Fancybox 3.0 淡入淡出

Question

目前我正在使用fancybox 3.0。它在自动播放。当它更改为下一张图像时，我如何制作它会有淡入淡出效果？

这是目前我的代码

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

                            });

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

                            });

Answer 1

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

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

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

transitionEffect : "fade"