使用FancyBox创建图库

Question

我想创建一个只能看到一张图片的图库，当用户点击该图片时，就会显示精美的图库。但是，精美的方框箭头/退出按钮不会显示出来。

这是我的代码：

HTML标题（我已经从他们的网站下载了源代码），当我点击源代码中的链接时，所有这些都正确加载。

<script type='text/javascript' src = 'jquery-1.11.0.min.js'> </script>
<script type='text/javascript' src = 'jquery.fancybox.js'> </script>
<script type='text/javascript' src = 'jquery.fancybox.pack.js'> </script>
<link rel='stylesheet' type='text/css' href='jquery.fancybox.css' />
<script type='text/javascript' src = 'jquery-scripts.js'> </script>

jQuery-scripts中的jQuery：

$( document ).ready(function() {
$(".gallery").fancybox();
 });

图片的HTML：

  <a class="gallery" rel='g1' href="images/PastedGraphic-13.png"><img   src="images/PastedGraphic-13.png" width="200px" alt=""/></a>
  <div class = "hidden">
       <a class="gallery" rel='g1' href="images/PastedGraphic-2.png"><img src="images/PastedGraphic-2.png" alt=""/></a>

        <a class="gallery" rel='g1' href="images/PastedGraphic-1.png"><img src="images/PastedGraphic-1.png" alt=""/></a>
  </div>

我做错了什么？ 谢谢！

编辑： 这是我的目录。我只是复制并粘贴了一切。

Answer 1

这是一个问题，与我在脚本顶部的php代码有关。当我删除PHP代码，它工作得很好。 我正在寻找如何在同一个脚本中运行php和$（document）.ready（）函数。