不要在Prettyphoto中顯示兩次照片

Question

我有一個棘手的問題我無法解決。 我正在使用jquery.prettyphoto.js在“燈箱”中顯示一組圖像。

該集合中的第一張照片是“ AvatarPhoto”，它在頁面上呈現了兩次。 首先，獨自一人站立，並與其他所有照片一起放在滑塊中。 兩者都鏈接到同一圖庫中的同一張圖片。

好的，我根據Halfer的答案解決了這個問題，只是給“ allFotos”的第一個鏈接提供了一個id：

    $('#profilePicture').click(function() {
    $('#foto_0').click();
    });

但我想知道我是否不能使用prettyphoto API

$.prettyPhoto.open()

但看起來我無法簡單地向下打開頁面上的prettyPhoto[gallery1] 。 我必須將所有圖像和標題作為數組傳遞，在我自己的情況下，重復自己很麻煩。

Answer 1

您的選擇器適用於以下屬性：

data-rel="prettyPhoto[gallery1]"

如果您不打算將第一張圖片添加到圖庫中，請從該圖片中刪除data-rel屬性，它將起作用。

就個人而言，我將為此使用標准標簽/ id /類。 在您的JS中，您也可以使用以下代碼：

$("#allpictures a").prettyPhoto();

這將選擇是的后代的所有鏈接allpictures元素。

附錄：如果要使用個人資料圖片打開圖庫，則建議您將上述內容用於圖庫項目，但要為個人資料設置特殊的單擊處理程序。 為每個圖像設置一個id以便可以使用個人資料圖片確定畫廊副本。 例如，您可以使用profile_123和gallery_123 。

這將允許您在配置文件圖像上添加單擊處理程序，獲得畫廊副本的id ，並引發該元素上的單擊事件。