1

根据这个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
                                     },

                            });
4

1 回答 1

0

指出不同 -

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

$('[data-fancybox="project2"]').fancybox({
    slideShow : {
        autoStart : true
    },
    transitionEffect : "rotate"
});
于 2017-06-08T10:14:23.973 回答