Colorbox Twice/Multiplication Open

Question

colorbox를 사용할 때 문제가 있습니다. 컬러 박스를 통해 WP에 첨부 파일 페이지를 열고 싶습니다. 페이지의 크기가 다른 여러 이미지 (가로 & 세로)가 있으므로 색상 상자의 너비와 높이는 유연해야합니다. 기본 데이터 유형 사용은 작동하지만 두 번째 이미지를 클릭하면 마지막 색상 상자가 제대로 닫히지 않은 것처럼 보입니다. 결과적으로 두 개의 colorbox가 실행됩니다. colorbox는 이미지를 클릭 할 때마다 곱셈을합니다. 어떤 아이디어가이 문제를 해결하는 방법? 고맙습니다.

<script> 
    $(document).ready(function(){ 
    $('.lightbox').colorbox(); 
    }); 
</script> 


<div class='image-wrap'> 
    <dl class='gallery-item'> 
    <dt class='gallery-icon'> 
     <a class="lightbox" href='http://localhost/Maize/?attachment_id=122' title='8'> 
     <img width="250" height="190" src="http://localhost/Maize/wp-content/uploads/2013/04/8-250x190.jpg" class="attachment-thumbnail" alt="8" /> 
     </a> 
    </dt> 
    </dl> 
    <dl class='gallery-item'> 
    <dt class='gallery-icon'> 
     <a class="lightbox" href='http://localhost/Maize/home/home-page/attachment/7/' title='7'> 
     <img width="250" height="190" src="http://localhost/Maize/wp-content/uploads/2013/04/7-250x190.jpg" class="attachment-thumbnail" alt="7" /> 
     </a> 
    </dt> 
    </dl> 
</div> 

Answer 1

새 색상 상자를 열기 전에 이전 색상환을 닫으시겠습니까? 그렇지 않다면 $ .colorbox.close();를 호출 해보십시오. 첫 번째 라이트 박스를 닫을 때.