0

我已经通过一个或另一个导航器了解了许多关于 Fancybox 问题的主题。虽然，我无法在我的网站http://www.lagrandemademoiselle.com/gite-ardeche.html的这个页面上解决我的问题。

它在谷歌浏览器上运行良好。但是，无论是使用 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>
4

0 回答 0