2012-05-14 106 views
0

我正在使用MODx革命的圖庫片段2.1.5。圖庫和Fancybox

我正在調用基本的Gallery Snippet以及指定的Album。

我想鏈接Fancybox(jQuery燈箱)到縮略圖和圖像。

這是鏌鋣輸出的資源:

<div class="gal-item"> 
<a href="path/to/page/test.html?galItem=1&galAlbum=1&galTag="> 
<img class="" src="/assets/components/gallery/connector.php?action=web/phpthumb&w=100&h=100&zc=1&far=C&q=90&src=%2Fassets%2Fcomponents%2Fgallery%2Ffiles%2F1%2F4.jpg" alt="lorem-ipsum-2.jpg" /> 
</a> 
</div> 

我已經正確選擇的內容,當我點擊包裹中的鏈接標籤在圖像上我得到這個消息:

請求的內容無法加載。 請稍後再試。

它怎麼能不被加載?它正在加載縮略圖,它需要原始圖像來創建縮略圖。它怎麼能找不到圖像?

注意:我正在使用此加載項的默認設置。

謝謝!

+0

什麼是你的大圖像(這是在彈出窗口)的網址?這一個「path/to/page/test.html?galItem = 1&galAlbum = 1&galTag =」..? – AlexC

回答

2

正如AlexC所提到的,我認爲這與您的大影像路徑有關。您是否嘗試過直接訪問該網址並查看圖片是否加載。你可以嘗試刪除fancybox的代碼,然後點擊拇指,看看鏈接是否正常工作。該圖像應該在瀏覽器窗口中自行加載。

1

我可以有很多原因爲什麼id這樣做。

我覺得什麼都可以,你試試你這傢伙之前,我的意思是使用一些Ajax加載的內容和它加載您應用「的fancybox」

你可以試試這個後:

  1. 刪除 「的fancybox」 類名

  2. 和使用此代碼:

    $(".gal-item").live("click", function(){ 
        var $href = $(this).find("a").attr("href"); 
    
        var $href = $(this).attr("href"); 
    
    
        $.fancybox({ 
         href:$href 
        });  
    

    });