Google chrome Fancybox没有'；我不能在Firefox上工作

我已经和一个或另一个导航器讨论了许多关于Fancybox问题的话题。尽管如此，我无法在我的网站的这个页面上解决我的问题

它在谷歌浏览器上运行得非常好。但是，无论是fancybox 1还是fancybox 2，当我使用Firefox时，它在我的网站上根本不起作用。它只显示黑色背景色的图像，没有任何“下一步”或“上一步”或任何其他按钮

这是我的fancybox 1页面代码（点击网站菜单上的“L'INTERIEUR”或“LES CHAMBRES”）：

!window.jQuery和document.write（“”）；
$（文档）.ready（函数（）{
$（“a[rel=mosaique]”）。fancybox({
“titleShow”：“false”，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“标题位置”：“结束”，
“changeFade”：“缓慢”，
});
$（“#carte1”）.fancybox({
“宽度”：“85%”，
‘高度’：‘85%’，
“自动缩放”：false，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“type”：“iframe”
});
$（“#carte2”）.fancybox({
“宽度”：“85%”，
‘高度’：‘85%’，
“自动缩放”：false，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“type”：“iframe”
});
$（“#carte3”）.fancybox({
“宽度”：“85%”，
‘高度’：‘85%’，
“自动缩放”：false，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“type”：“iframe”
});
$（“#carte4”）.fancybox({
“宽度”：“85%”，
‘高度’：‘85%’，
“自动缩放”：false，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“type”：“iframe”
});
$（“#carte5”）.fancybox({
“宽度”：“85%”，
‘高度’：‘85%’，
“自动缩放”：false，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“type”：“iframe”
});    
});

这是我试图更新到Fancybox 2的页面的代码（点击我网站菜单上的“L'EXTERIEUR”）：

$（“.fancybox”）.fancybox({
下一步：没错，
closeClick:true，
助手：{
覆盖：{
不透明度：0.8，//或所需的不透明度
css:{'background-color'：'#ff0000'}//或您首选的十六进制颜色值
}//覆盖
}//助手
}); // 幻想箱

用

.ready（）

方法包装您的fancybox代码。请将旧代码作为参考检查此错误。但是，即使我通过复制和粘贴fancybox 2的demo index.html中的内容来修复它，它也不起作用（请参见“L'EXTERIEUR”页面上的代码源代码）。相反，如果我在两个导航器上都加载demo文件夹的index.html，它在Mozilla和Chrome上就可以完美地工作，使用相同的代码/脚本和相同的文件。。。怎么了？我已经检查了所有路径和脚本。此模块正在加载一个非常旧的jQuery版本，其中包含许多不推荐使用的元素。这会产生一些js错误，使您的其他脚本无法正常工作。好的，非常感谢您在本案例中花费的时间。我会将SPIP升级到最新版本。

   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

    <script>
        !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
    </script>
    <script type="text/javascript" src="./galeries/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="./galeries/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="./galeries/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    <link rel="stylesheet" href="./galeries/fancybox/style.css" />
    <script type="text/javascript">
        $(document).ready(function() {
            $("a[rel=mosaique]").fancybox({
                'titleShow'     : 'false',
                'transitionIn'      : 'fade',
                'transitionOut'     : 'fade',
                'titlePosition'     : 'over',
                'changeFade'        : 'slow',
            });
            $("#carte1").fancybox({
                'width'         : '85%',
                'height'        : '85%',
                'autoScale'     : false,
                'transitionIn'      : 'fade',
                'transitionOut'     : 'fade',
                'type'          : 'iframe'
            });
            $("#carte2").fancybox({
                'width'         : '85%',
                'height'        : '85%',
                'autoScale'     : false,
                'transitionIn'      : 'fade',
                'transitionOut'     : 'fade',
                'type'          : 'iframe'
            });
            $("#carte3").fancybox({
                'width'         : '85%',
                'height'        : '85%',
                'autoScale'     : false,
                'transitionIn'      : 'fade',
                'transitionOut'     : 'fade',
                'type'          : 'iframe'
            });
            $("#carte4").fancybox({
                'width'         : '85%',
                'height'        : '85%',
                'autoScale'     : false,
                'transitionIn'      : 'fade',
                'transitionOut'     : 'fade',
                'type'          : 'iframe'
            });
            $("#carte5").fancybox({
                'width'         : '85%',
                'height'        : '85%',
                'autoScale'     : false,
                'transitionIn'      : 'fade',
                'transitionOut'     : 'fade',
                'type'          : 'iframe'
            });    
        });
    </script>

   <script type="text/javascript" src="./fbv2/source/jquery.fancybox.js?v=2.1.5"></script>
   <script type="text/javascript" src="./fbv2/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
   <script type="text/javascript" src="./fbv2/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
   <script type="text/javascript" src="./fbv2/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

   <link rel="stylesheet" type="text/css" href="./fbv2/source/jquery.fancybox.css?v=2.1.5" media="screen" />
   <link rel="stylesheet" type="text/css" href="./fbv2/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
   <link rel="stylesheet" type="text/css" href="./fbv2/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
   <script type="text/javascript">
    $(".fancybox").fancybox({
    nextClick : true,
        closeClick : true,
    helpers : { 
    overlay: {
        opacity: 0.8, // or the opacity you want 
        css: {'background-color': '#ff0000'} // or your preferred hex color value
     } // overlay 
    } // helpers
   }); // fancybox
    </script>