淡入淡出过渡画廊答案

【问题标题】：Fade transition gallery淡入淡出过渡画廊
【发布时间】：2012-01-24 16:16:02
【问题描述】：

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

谢谢

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

什么都没有！！图像效果仍然像从上来一样。我尝试更改 fancybox.jsp 以及文档代码。$('.fancybox-buttons').fancybox({ openEffect : 'fade', closeEffect : 'fade', prevEffect : 'fade', nextEffect : 'fade' , closeBtn : false, helpers : { title : { type : 'inside' }, 按钮 : {} },
$('.fancybox-buttons').fancybox({ openEffect : 'none', closeEffect : 'none', prevEffect : 'fade', nextEffect : 'fade',

【解决方案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 : {}
    }
});
 });

【讨论】：

【解决方案3】：

在这里查看：http://fancybox.net/api 我猜你需要的线路是：

transitionIn, transitionOut 'fade' 过渡类型。可以设置为'elastic'、'fade'或'none'

【讨论】：

如果你仔细检查这个问题，他实际上是在谈论fancybox v2.x ;)