Fancybox 3.0 fade

0
votes

currently i am using fancybox 3.0. It is on autoplay. How do i make it when it changes to next image there will be fade effects ?

This is currently my code 

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

                            });

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

                            });
1
fancybox-3

1 Answers

0
votes

Different transition effects are available starting from v3.1

Preview - https://codepen.io/fancyapps/pen/LyNXqr

You can get code here - https://github.com/fancyapps/fancybox/tree/3.1

transitionEffect : "fade"