Fancybox 3.1 幻灯片之间的过渡效果答案

【问题标题】：Fancybox 3.1 transition effect between slidesFancybox 3.1 幻灯片之间的过渡效果
【发布时间】：2017-06-07 09:05:48
【问题描述】：

据此https://codepen.io/fancyapps/pen/LyNXqr 幻灯片之间的过渡效果，可以有“旋转”“淡入”“圆形”等等。我已经在使用 FB 3.1

目前在下面的代码中，我已将过渡效果设置为旋转，但它不起作用。请告诉完整和准确的代码以及它应该放在哪里。因为我对 JS 很陌生，因为我对 HTML 和 CSS 了解不多。

  $.fancybox.defaults.loop = true;

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


                                     },

                            });

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

                            });

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

                            });

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

                            });

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

                            });

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

                            });

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

                            });

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

                            });

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

                            });

【问题讨论】：

标签： fancybox-3

【解决方案1】：

找出差异 -

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

和

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

【讨论】：