JQuery와 colorbox

나는 모든 것을 3 일에 대한 검색 가지고
내가 닫기 버튼 위치하지만 난 방법을 찾을 수없는 곳 COLORBOX 팝업의 바닥에 회색 영역을 제거하려고 답을 찾을 수 없습니다 그것을하기 위해. 나는JQuery와 colorbox

내가

<script language="JavaScript"> 
jQuery(document).ready(function(){ 
     // $.fn.colorbox({scrolling:false, overlayClose:false, opacity:0.7, escKey:false, href:"#subscribe", 'open':true, 'inline':true, 'width':'auto', 'height':'auto'}); 
     //$('#cboxClose').remove(); 
      $.fn.colorbox({scrolling:false, overlayClose:false, opacity:0.7, escKey:false, href:"#subscribe", 'open':true, 'inline':true, 'width':'auto', 'height':'auto'}); 
      $('#cboxClose').remove(); 

     } 
); 
</script>

출처

2012-07-30 Gabby Opencart Israel

당신은 내가 볼 수있는 데모 사이트가 있습니까이 코드를 사용하여 회색의 영역을 가지고있는 POPUP의 맨 아래에있는 그것 여전히 제거 탐색 및 추가 시도 ? 나는 같은 $ ('# cboxClose')를 사용하여 작업하고있는 사이트의 colorbox에서 close 버튼을 제거했다. (jQuery snippet을 그대로 사용한다.) colorbox 주위에 그림자가있는 일반 테두리 외에도 회색 영역이 없다. 함유량.

[편집] 아! @ Sudhir의 대답으로 인해 onLoad 함수로 .remove() 코드를 전달하지 않았으므로 코드가 더 자세히 검토되었습니다. 따라서 해당 행이 실행될 때 제거 할 닫기 버튼이 없을 수 있습니다. 아직 작성되지 않았을 수 있습니다. !

불행히도 @ sudhir의 정답에 의견을 추가 할 수있는 충분한 담당자가 없으므로 여기에 대신 입력해야합니다.

수 디르의 대답은

onLoad: function(){ 
    $('#cboxClose').remove() 
}

부분입니다 @의 중요한 부분. 이 작업은 colorbox가 완전히로드 된 후에 만 실행됩니다.이 시점에서 제거 할 닫기 버튼이 있어야합니다.

출처

2012-07-30 11:17:32 Jon

다른 사람에 대해서는 모르겠지만 닫기 버튼 (colorbox 생성자의 "closeButton : false"매개 변수/값으로 할 수 있음)을 제거하는 것은 저에게 효과적이지 않습니다. 나는 colorbox의 바닥을 따라 회색/은색 직사각형 박스 (컨트롤 컨테이너)를 없애려고했다. 닫기 버튼은 제거되지만 회색 컨테이너 영역은 그대로 유지됩니다.

마지막으로 경계선의 왼쪽과 오른쪽에 2 개의 새로운 png 이미지를 만들고 하나의 기존 png 이미지 (colorbox-border.png)를 수정하고 colorbox CSS 파일에서 3 행을 수정해야했습니다. 그래서, 여기 당신이 필요로하는 작업은 다음과 같습니다

이 3 PNG 파일을 저장하고 이미지 디렉토리 (또는 어디든지)에 추가 :

< < colorbox 국경 - 하단 left.png

< < colorbox 국경 - 하단 middle.png은 (이미지가있다! 그것은 단지 1X9의 픽셀의)

< < colorbox 국경 - 하단 right.png

또한 colorbox의 CSS 파일을 업데이트해야합니다. 다음 세 줄을 교체하십시오.

#cboxBottomLeft{width:14px; height:43px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-controls.png) no-repeat 0 -32px;} 
#cboxBottomCenter{height:43px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-border.png) repeat-x bottom left;} 
#cboxBottomRight{width:14px; height:43px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-controls.png) no-repeat -36px -32px;}

...이 3 선 :

#cboxBottomLeft{width:14px; height:9px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-border-bottom-left.png) no-repeat} 
#cboxBottomCenter{width:1px; height:9px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-border-bottom-middle.png) repeat-x bottom left;} 
#cboxBottomRight{width:14px; height:9px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-border-bottom-right.png) no-repeat}

당신은 예를 들어, 그 이름을 사용하여 저장하지 않을 경우 CSS 파일에 PNG 파일의 이름을 변경하는 것을 잊지 마세요

colorbox 국경 바닥 -....

다음은 결과의 예 :

enter image description here

출처

2013-10-18 17:19:48 RTF

#cboxLoadedContent{} //remove the margin-bottom:20px;

그것은 나를 위해 일했습니다.

출처

2013-11-03 03:41:52 Ando

JQuery와 colorbox

답변

관련 문제