Question

在这个新的example page中，图片库有一个移动的过渡。我想在图像之间有一个简单的淡入淡出效果，但我不知道代码中的位置和更改。有人可以帮忙吗？

由于

Answer 1

我不建议弄乱原来的fancybox js文件。您始终可以使用自己的自定义fancybox脚本来覆盖默认设置。

对于您希望在库元素之间进行转换的fade效果，您可以使用：

$(document).ready(function() {
 $(".fancybox-button").fancybox({
  openEffect: 'fade',
  prevEffect: 'fade',
  nextEffect: 'fade'
 });
});

Answer 2

您可以将jquery.facybox.js更改为

   openEffect: 'fade', // 'elastic', 'fade' or 'none' line no 83

或者在init

上传递一个参数

$(document).ready(function() {
$(".fancybox-button").fancybox({
    prevEffect      : 'none',
    nextEffect      : 'none',
    openEffect:              'fade' ,   
    helpers     : { 
        title   : { type : 'inside' },
        buttons : {}
    }
});
 });

Answer 3

点击此处：http://fancybox.net/api我想你需要的是：

transitionIn，transitionOut'fade'转换类型。可以设置为“弹性”，“淡入淡出”或“无”

淡出过渡画廊

3 个答案: