Colorbox 플러그인 경계선 없음

Question

모달 플러그인을 사용해야하고 컬러 박스가 멋지게 보입니다.

둥근 테두리가없는 경우 어떻게로드합니까?

내 페이지 크기가 주어지면 굵은 테두리가 너무 많은 공간을 차지합니다.

어쨌든 전화를 걸면 필요에 따라 숨기거나 더 얇게 만들고 테두리를 숨길 수 있습니까?

Answer 1

저는 실제로 colorbox가 "경계선"이라는 속성을 사용하여 거대한 검은 색 경계를 돌아 다니고 있다고 생각합니다. 그것은 그 경계를 만들기 위해 이미지를 사용하는 3 x 3 div로 그려진 것처럼 보입니다. 당신이 그것을 제거 할 수 있다고 확신하지만, 실제 colorbox javascript를 망칠 필요가 있습니다. 당신은 CSS를 망칠 수도 있습니다.

lightbox2 또는 shadowbox와 같은 다른 플러그인을 고려해보십시오. 나는 개인적으로 슬림 박스 (lightbox의 멋진 작은 클론)를 사용한다. 코드를 엉망으로 만들고 싶다면 그것을 찾으십시오. 그렇지 않으면 난 그냥 다른 플러그인을 선택합니다.

Answer 2

당신은 쉬운 방법으로 국경을 숨길 수 :

$("#cboxTopLeft").hide(); 
      $("#cboxTopRight").hide(); 
      $("#cboxBottomLeft").hide(); 
      $("#cboxBottomRight").hide(); 
      $("#cboxMiddleLeft").hide(); 
      $("#cboxMiddleRight").hide(); 
      $("#cboxTopCenter").hide(); 
      $("#cboxBottomCenter").hide(); 

을 원하는 경우이 방법으로 테두리 스타일과 클래스를 추가 :

.thin_border { 
    border: 10px solid blue; 
    border-radius: 10px; 
    margin: 10px; 
    box-shadow: 0 0 25px blue; 
} 

다음 jQuery로 추가

$("#cboxContent").addClass("thin_border");