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

それが良いでしょう。イメージは読み込もうとしますが、いくつかの間違いがあります。クリックしてイメージをカラーボックスにロードすると、ロードが開始されますが、イメージはロードされません（表示されず、イメージをロードしています）。次へまたは前へクリックすると画像が表示されますが、現在のタイトルは同じで、カラーボックスは奇妙に動作します（位置、閉じるエリアとキーのショートカットは機能しません）。

例は、（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í" 
     }); 
    } 
});