Fancybox JS - 在更改图库中的图像时突然出现

Question

使用fancybox JS

当图像在图库中时，图像之间的过渡会使屏幕上的框突出一点

在此处查看示例库示例： http://fancyapps.com/fancybox/

但是，在此页面上： http://fancybox.net/home

图像之间的图像库过渡是平滑的，并且框保持在一个位置。

我无法弄清楚他们是如何设法让盒子不突然出现的。

如何使fancybox使盒子在屏幕上保持静止而在过渡期间不移动？

Answer 1

我明白了：）

需要添加prevEffect和nextEffect设置，然后按照我想要的方式工作。

$(".lightbox").fancybox({
   'transitionIn'       : 'none',
    'transitionOut'     : 'none',
    'titlePosition'     : 'over',
    'prevEffect'        : 'fade',
    'nextEffect'    : 'fade'

});