Javascript 图片库无法正常工作

Question

我在创建的 WordPress 网站中使用了名为 prettyPhoto.js 的图片库引擎。 然而，由于某种奇怪的原因，图像库似乎完全停止工作，我一生都无法找到如何纠正这个问题（没有明确地浏览整个网站并删除 rel=" Prettyphoto" 标签嵌入在所有图像锚链接中。

我想知道 javascript 或 CSS 是否没有正确输出到浏览器，但看看 firebug 中的“Net”面板，似乎是我尝试查看引用要打开的图像的 链接，它们都具有所需的“prettyPhoto”属性。

有问题的页面是 <。 a href="http://instant-wine-cellar.co.uk/products/microcellar/" rel="nofollow noreferrer"> http://instant-wine-cellar.co.uk/products/ Microcellar 并尝试单击任何一个 Microcellar 图片。

另一个是首页上的“观看微蜂窝视频”链接。

对于那些不知道的人。 这个图片库脚本与许多其他脚本一样，由以下人员工作：
1. 将 PrettyPhoto javascript 文件放入您的服务器中。
2. 将 PrettyPhoto CSS 文件放入您的服务器中。
3. 将上述文件的路径引用到 html 文件的页眉（或页脚）中。
4. 通过将一些定制脚本放入 HTML 文件中来触发该过程，以查找文件中具有特定 rel 属性的 标记，并打开它引用的链接，进入 PrettyPhoto 模态框。

Answer 1

首先包含 jquery.js 然后是插件。
查找：

<script src="http://instant-wine-cellar.co.uk/wp-content/themes/Wineconcepts/js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

替换：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://instant-wine-cellar.co.uk/wp-content/themes/Wineconcepts/js/jquery.prettyPhoto.js" type="text/javascript"></script>