jquery - 淡入淡出过渡画廊

Question

在这个新的示例页面中，图片库有一个向上移动的过渡。我想在图像之间有一个简单的淡入淡出效果，但我不知道在哪里以及在代码中改变什么。任何人都可以帮忙吗？

谢谢

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' 过渡类型。可以设置为“elastic”、“fade”或“none”