Javascript Fancybox不在Prestashop和#xB4上工作；s产品页面（将出现弹出窗口并留下404错误）

嗨，所有的Prestashop开发者！关于那件事，我想听听你的意见。 我下载了fancybox功能，将其实现到Prestashop的product.tpl页面中。 到目前为止，当我进入产品页面并单击缩放放大镜时，会出现一个弹出窗口，显示一个404错误URL not found。 下面是我需要放入产品页面（product.tpl）的代码。就在我调用javascript函数的

标记之后：

我在谷歌和Prestashop的论坛上做了很多研究，但运气不好。 我的Prestashop版本是1.5.6.2。 如果你能帮我解决这个问题，我将不胜感激

谢谢， 俄瑞斯提斯

{if $have_image}
                <span id="view_full_size">
                    <a class="fancybox" href="{$link->getImageLink($product->link_rewrite, $cover.id_image,'fancybox')}">
                        <img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')}" 
                        {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic" width="{$largeSize.width}" 
                        height="{$largeSize.height}" />
                    <span class="span_link no-print"></span>
                </a>
                <script type="text/javascript">
                $(document).ready(function() {
                $(".fancybox").fancybox();
                    });
                </script>
                </span>
            {else}
                <span id="view_full_size">
                    <img src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}"/>
                    <span class="span_link"></span>
                </span>
            {/if}

<script type="text/javascript" src="{$fancybox_dir}/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<link rel="stylesheet" href="{$fancybox_dir}/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />

<script type="text/javascript" src="{$fancybox_dir}/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<link rel="stylesheet" href="{$fancybox_dir}/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="{$fancybox_dir}/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="{$fancybox_dir}/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
<link rel="stylesheet" href="{$fancybox_dir}/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="{$fancybox_dir}/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>