colorbox - 已加載頁面，圖片不能加載爲colorbox

Question

我對colorbox有疑問。

我此腳本加載頁面：

$(document).ready(function(){ 

    // ColorBox 
    $("a[rel='colorbox']").colorbox({ 
     close: "Zavřít", 
     current: "Obrázek {current} z {total}", 
     next: "Další", 
     previous: "Předchozí" 
    }); 

    // ColorBox - Module 
    $(".load").colorbox({ 
     close: "Zavřít", 
     fixed: true, 
     maxHeight: $(window).height() - 80, 
     opacity: 0.75, 
     top: 30, 
     width: $(window).width() - 100 
    }); 

}); 

它加載在顏色框罰款，但我在加載頁面的圖像，我希望他們在顏色框載入了。

請幫忙嗎？

非常感謝。

UPDATE：

我想：

$(".load").colorbox({ 
    close: "Zavřít", 
    fixed: true, 
    maxHeight: $(window).height() - 80, 
    opacity: 0.75, 
    top: 30, 
    width: $(window).width() - 100, 
    onComplete: function(){ 
     $("a[rel='colorbox']").colorbox({ 
      close: "Zavřít", 
      current: "Obrázek {current} z {total}", 
      next: "Další", 
      previous: "Předchozí" 
     }); 
    } 
}); 

這是更好。圖片嘗試加載，但有一些錯誤。當我點擊圖像加載它的彩盒，它開始加載，但圖像不加載（不顯示，仍然加載圖像）。如果我點擊下一個或上一個，它可以工作（圖像顯示），但是當前標題仍然是相同的，並且colorbox奇怪地工作（位置，點擊區域以及關鍵快捷方式不起作用）。

有一個例子（AKCE - SHOW）：http://rene-pastor.vf-fans.net/jitka-valkova/

Answer 1

由於加載頁面顏色框裏面的圖片的DOM之後被加載完成之後，您將需要後，他們到$ .colorbox（）連接到他們使用像這樣的onComplete回調加載：

$(".load").colorbox({ 
    close: "Zavřít", 
    fixed: true, 
    maxHeight: $(window).height() - 80, 
    opacity: 0.75, 
    top: 30, 
    width: $(window).width() - 100, 
    onComplete : function(){ 
     $("a[rel='colorbox']").colorbox({ 
      close: "Zavřít", 
      current: "Obrázek {current} z {total}", 
      next: "Další", 
      previous: "Předchozí" 
     }); 
    } 
}); 

我希望這有助於！