Fancybox不适用于Firefox

Question

我在一个或另一个导航器上遇到过很多关于Fancybox问题的话题。但是，我无法在我的网站http://www.lagrandemademoiselle.com/gite-ardeche.html的此页面上解决我的问题。

它在Google Chrome上运行良好。但是，无论是使用fancybox 1还是fancybox 2，当我使用Firefox时，它在我的网站上根本不起作用。它只显示带有黑色背景颜色的图像，没有任何“下一个”或“上一个”或任何其他按钮。

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

   <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>

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

   <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>