prettyPhoto在反向加載照片

Question

由於某些原因，我不知道，prettyPhoto加載圖像反向。它首先打開最後一張照片，然後按照您的猜測，您可以選擇將上一張照片返回到第一張照片。我已經根據文檔設置了prettyPhoto，但是我沒有得到預期的效果。不知道我做錯了什麼。

這裏有一個工作副本：radiant.dreamhosters.com

Answer 1

這是有點怪，但我相信我解決了它。

問題 如果您查看鏈接，點擊打開您的圖庫，您將看到鏈接是圖庫列表中的最後一幅圖像。 即畫廊鏈接到「圖像/庫存/ 1/5.jpg」，這是你的最後一個圖像

因此它會帶你到你的畫廊的最後一張圖片，因爲這是你點擊，你沒有加載相反的圖像，你正在選擇最後的圖像。

的修復

我所做的是給你的最上面的圖片鏈接一個CSS的z-index通過CSS類，這種方式是你點擊圖像。用你的代碼測試過它，它爲我工作。

像這樣：

< style> .first_img{ z-index: 10; } < /style >

< a class="first_img project_hoverPhoto" href="images/inventory/1/1.jpg" rel='prettyPhoto[1]'>

 <a class="project_hoverPhoto" href="images/inventory/1/3.jpg" rel='prettyPhoto[1]'></a> <a class="project_hoverPhoto" href="images/inventory/1/4.jpg" rel='prettyPhoto[1]'></a> <a class="project_hoverPhoto" href="images/inventory/1/5.jpg" rel='prettyPhoto[1]'></a> <img src="images/inventory/1/sm.jpg" alt="" width="280" height="140" /><div id="comments"><a class="comments" rel="#">$9,999.99</a></div> <h5>2003 Audi A4 Turbo</h5> 

Answer 2

我知道你想只在每個畫廊縮略圖。爲了達到這個結果，API將是更好的選擇。尋找 「公共API」 文檔該頁面下：http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/

圖像= [ '圖像/全屏/ image1.jpg'， '圖像/全屏/ image2.jpg'，「圖像/全屏/ image3.jpg 「]; titles = ['Title 1'，'Title 2'，'Title 3'];描述= ['描述1'，'描述2'，'描述3'] $ .prettyPhoto.open（images，titles，descriptions）;

希望這有助於:)