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í" 
     }); 
    } 
}); 

我希望这有助于！