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

在我正在为此工作的网站上 - http://www.basicliving.com - 当您点击母亲节特别广告时，它会带您到图像和灰色的单独页面背景。我正在使用fancybox，并且我完全按照fancybox网站上的指示。我检查过萤火虫，所有文件都在那里并连接上。它应该做的只是将图像叠加在灰色但透明的背景上，以便您仍然可以看到图像背后的主页内容。下面的代码...fancybox jquery插件链接图像，但不覆盖

$(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剧本。他们都在那里。我已经检查过网站FAQ，它所说的只是“确保一切安装正确”。我搜索了它并阅读了其他问题，我无法修复，所以我想是时候问问了......谢谢！

来源

2012-03-30 Digital Brent

我也尝试了在它前面的选择器，所以我知道这也不起作用。 $（“a＃init_over”）。fancybox – 2012-03-30 18:25:39

$（“＃init_over”）。fancybox不是函数看起来插件没有初始化。 – madc 2012-03-30 18:26:35

是的，我注意到这个错误...我不能为了我的生活找出为什么它没有被初始化，正如我之前所说的，我已经按照安装插件的步骤，甚至把代码取出和重新编译 - 安装...任何想法可能会导致此错误？这让我疯狂。 – 2012-03-30 18:29:15

它看起来像你包含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>

来源

2012-03-30 18:30:12 madc

谢谢，我没有注意到这一点，但我现在已经把它拿出来了（顶级脚本，因为底部脚本更新），但它仍然没有按照应有的方式执行。在一个单独的说明...不错的头像 – 2012-03-30 18:33:11

你仍然有两个版本的jQuery：v1.7.1和v1.4.4 – JFK 2012-03-30 20:57:40

肯尼迪是正确的。搜索此行：''，它可能帮助，收集同一区域内的所有js文件（在body标签的末尾），以使代码更易于查看。 – madc 2012-03-30 22:07:34

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

回答

相关问题