Question

在我正在努力工作的这个网站上http://www.basicliving.com - 当你点击母亲节特价广告时，它会带你进入一个带有图像和灰色背景的单独页面。我正在使用fancybox，我完全按照fancybox网站上的说明进行操作。我已经检查过firebug并且所有文件都在那里并且已连接。它应该做的只是用灰色但有些透明的背景覆盖图像，这样你仍然可以看到图像背后的主页内容。这是代码......

$(document).ready(function(){
        /* This is basic - uses default settings */

        $("#init_over").fancybox({
            'speedIn'       :   600, 
            'speedOut'      :   200, 
            'overlayShow'   :   false,
            'hideOnContentClick': true
        });

    });

和html ...

<a id="init_over" href="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME; ?>/images/mothersDayAd.jpg">
            <img src="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME; ?>/images/momsDayAd.jpg" alt="Mother's Day Bosch Sale!" /></a>

我还将头文件中的CSS以及必要的JQuery和fancybox脚本链接起来。他们都在那里。我已经检查了网站常见问题解答，所有它说的是“确保一切安装正确”。我用Google搜索并在堆栈上阅读其他问题，但我无法解决，所以我觉得是时候问了......谢谢！

Answer 1

看起来你已经两次包含了jQuery。

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

fancybox jquery插件链接到图像但不覆盖

1 个答案: