Wordpress ThickBox에 '원본 이미지 보기' 효과 code_javascript 기술이 추가되었습니다.

wp-includes/js/thickbox/thickbox.js의 39번째 줄에 있는 tb_show(caption, url, imageGroup) 함수에서 다음 줄을 추가합니다(굵은 빨간색 텍스트는 새로 추가된 코드를 나타냅니다)

코드 복사 코드는 다음과 같습니다.

function tb_show(caption, url, imageGroup) {//사용자가 클릭하면 호출되는 함수 두꺼운 상자 링크

try {
/// 코드가 생략되었습니다. . .
TB_NextHTML = "";
TB_imageCount = "";
TB_FoundURL = false
////// 원본 이미지를 표시하려면 새 창을 엽니다
TB_OpenNewHTML = ""; 🎜>
if(imageGroup){
/// 코드 생략. . . < a href='#'>" ThickboxL10n.next "";
} else {
TB_PrevCaption = TB_TempArray[TB_Counter].title;
TB_PrevURL = TB_TempArray[ TB_Counter].href;
TB_PrevHTML = " " ThickboxL10n.prev "";
}
////// 원본 이미지를 표시하려면 새 창을 엽니다
TB_OpenNewHTML = " 원본 이미지 보기";

} else {
　　　　　　　　　　TB_FoundURL =
　TB_imageCount = ThickboxL10n.image ' ' (TB_Counter 1) ' ' ThickboxL10n.of ' ' (TB_TempArray.length)
////// 원본 이미지를 표시하려면 새 창을 엽니다
TB_OpenNewHTML = " 원본 이미지 보기";
}
}
}
}

/// 코드 생략. . .

// 큰 이미지 크기 조정 - 원본: Christian Montoya, 편집:

/// 코드 생략. . .
// 크기 조정 종료

TB_WIDTH = imageWidth 30;
TB_HEIGHT = imageHeight 60
//jQuery("#TB_window").append("" "

" caption "

" TB_imageCount TB_PrevHTML TB_NextHTML "

< ;div id='TB_closeWindow'>");
/////// 원본 사진을 보려면 새 창에 다음 사진을 표시하세요(TB_OpenNewHTML 추가)
jQuery("#TB_window").append(" " "

" 캡션 "

" /div>

");


jQuery("#TB_closeWindowButton").click(tb_remove)

if (!( TB_PrevHTML == = "")) {
/// 코드 생략. . .


효과:

'원본 이미지 보기'를 클릭하면 원본 이미지가 새 브라우저 창(탭)에 표시됩니다.

작가:

엘프 순대(리틀 헷갈림)

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.