Javascript圖片庫不起作用

Question

我在創建的WordPress網站中使用了名為prettyPhoto.js的圖片庫引擎。 但是，由於某些奇怪的原因，圖庫似乎已經完全停止工作，我無法一生找出解決該問題的方法（沒有明確地遍歷整個網站並剝離rel="prettyphoto"標簽嵌入所有圖像錨鏈接。

我想知道javascript或CSS是否沒有正確輸出到瀏覽器，但是看一下螢火蟲中的“ Net”面板，似乎可以毫無問題地加載這些文件。 我嘗試查看引用要打開的圖像的<a>鏈接，它們都具有必需的“ prettyPhoto”屬性。

有問題的頁面是 http://instant-wine-cellar.co.uk/products/microcellar，然后嘗試單擊任何一個微蜂窩圖片。

另一個是首頁上的“觀看微電影錄像”鏈接。

對於那些不知道的人。 此圖庫腳本與其他許多腳本相同，其工作原理是：
1.將prettyPhoto javascript文件放入服務器中。
2.將prettyPhoto css文件放入服務器。
3.將上述文件的路徑引用到html文件的頁眉（或頁腳）中。
4.通過將一些定制腳本放入HTML文件中以在文件中找到具有特定rel屬性的<a>標記，然后將其引用的鏈接打開到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>