Javascript圖片庫不能正常工作

Question

我在一個我創建的WordPress網站中使用了一個名爲prettyPhoto.js的圖片庫引擎。然而，由於一些奇怪的原因，圖像庫似乎已經完全停止工作，我不能爲了我的生活找出如何糾正這個問題（沒有明確地通過整個網站，並刪除所有嵌入的rel="prettyphoto"標籤圖片錨鏈接

我想知道如果JavaScript或CSS沒有正確輸出到瀏覽器，但看看螢幕上的「Net」面板，它似乎正在加載這些文件沒有問題。我嘗試看看引用要打開的圖像的<a>鏈接，它們都具有所需的「prettyPhoto」屬性。

有問題的頁面是 http://instant-wine-cellar.co.uk/products/microcellar並嘗試單擊y的microcellar圖片。

另一個是首頁上的「觀看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>