0

正如标题所说，fancybox 不再使背景变暗。它可以正常工作和工作，但不会变暗。

来自我的网站的示例：http ://www.remodeling-buffalo.com/gallery.php

我注意到的一件奇怪的事情是，如果我摆脱了在每个页面上调用的“jquery.easing.1.3.min.js”，它会随机修复自己。我可以确认在过去一个月左右调用相同的脚本时它运行良好。

可能是我的 custom.js 中的某些东西导致了问题，但是如果我完全删除它，问题就没有解决，这让我相信这不是问题所在。

这是我专门为fancybox提供代码的文件：http ://www.remodeling-buffalo.com/resource/js/filter-masonry.js

代码是：

/* ---------------------------------------------------------------------- */
/*  Fancybox
/* ---------------------------------------------------------------------- */

(function() {

    // Images
    $('.fancybox').fancybox({
        'transitionIn'  : 'fade',
        'transitionOut' : 'fade',
        'titlePosition' : 'over'
    }).each(function() {
        $(this).append('<span class="zoom">&nbsp;</span>');
    });

    // Iframe
    $('.iframe').fancybox({
        'autoScale'     : false,
        'transitionIn'  : 'fade',
        'transitionOut' : 'fade',
        'type'          : 'iframe',
        'titleShow'     : false
    }).each(function() {
        $(this).append('<span class="zoom">&nbsp;</span>');
    });

})();

/* end Fancybox */

我只是不知道出了什么问题，因为一切似乎都和以前一样，但是为什么随机删除“jquery.easing.1.3.min.js”可以解决问题？

不知道我还能在这里发布什么有用的信息，但这里是 custom.js 的位置：http ://www.remodeling-buffalo.com/resource/js/custom.js

不知道是什么导致了这个问题，或者我可以在这里发布什么来提供帮助。javascript 或控制台中的任何内容都没有弹出错误消息，所以我什至无法开始找出问题所在。

非常感谢大家，我真的很感激，因为我已经为此强调了好几个星期了。

4

2 回答 2

3

我看到您使用的是 jQuery 1.8.0。Fancybox 2 不适用于 jQuery 1.8.0。降级到 jQuery 1.7.2 应该可以解决您的问题。

有关此特定问题，请参阅https://github.com/fancyapps/fancyBox/issues/339。似乎有一个 PNG 修复，因为 fancybox_overlay.png 是 7 天前添加的：https ://github.com/fancyapps/fancyBox/tree/master/source

于 2012-08-20T13:12:40.237 回答
0

FancyBox网站向您展示了如何做到这一点。请参阅“提示和技巧”下的“更改叠加颜色和不透明度”。简而言之，您向传递给fancybox 的对象添加一个“助手”元素。

在您的情况下，它应该看起来像这样：

$('.fancybox').fancybox({
    transitionIn  : 'fade',
    transitionOut : 'fade',
    titlePosition : 'over',
    helpers : {
        overlay : {
            opacity: 0.2,
            css : { 'background-color' : '#000' }
        }
    }
}).each(function() {
    $(this).append('<span class="zoom">&nbsp;</span>');
});
于 2012-08-14T09:30:47.013 回答