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'
});