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

}); 

그것은 colorbox에서 미세로드를하지만 난로드 페이지에서 이미지를하고 난 그들을 너무 colorbox를로드합니다.

도움이 필요하십니까?

고마워요.

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에로드하면로드가 시작되지만 이미지가로드되지 않습니다 (이미지가로드되지 않음). 다음 또는 이전에 클릭하면 작동하지만 (이미지 디스플레이), 현재 제목은 여전히 ​​동일하고 colorbox는 이상하게 작동합니다 (위치, 닫기 및 단축키에 대한 주변 영역을 클릭하면 작동하지 않음). 예를 들어 (AKCE - SHOW)가

:로드 페이지 colorbox 내부의 이미지부터 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í" 
     }); 
    } 
}); 

이 정보가 도움이되기를 바랍니다.