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