Wordpress ThickBox に「元の画像を表示」効果コードを追加_JavaScript スキル

wp-includes/js/thickbox/thickbox.js の 39 行目の関数 tb_show(caption, url, imageGroup) に、次の行を追加します (赤い太字のテキストは新しく追加されたコードを表します)

コードをコピーします コードは次のとおりです:

function tb_show(caption, url, imageGroup) {//ユーザーがクリックしたときに呼び出される関数シックボックス リンク

try {
/// コードは省略されました。 。 。
TB_NextHTML = "";
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 = "";
}
////// 新しいウィンドウを開いて元の画像を表示します
TB_OpenNewHTML = " 元の画像を表示";

} else {
TB_FoundURL = true; = 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("" "

" キャプション "

" TB_imageCount TB_PrevHTML TB_NextHTML "

< ;div id='TB_closeWindow'>");
/////// 次の画像を新しいウィンドウで表示して元の画像を表示します (TB_OpenNewHTML を追加します)
jQuery("#TB_window").append(" " "

" TB_imageCount TB_PrevHTML TB_NextHTML TB_OpenNewHTML "< /div>

");


jQuery("#TB_closeWindowButton").click(tb_remove); ( TB_PrevHTML == = "")) {
/// コードは省略されました。 。 。


効果:



「元画像を表示」をクリックすると、新しいブラウザウィンドウ（タブ）に元画像が表示されます。

著者:
エルフサンデー (少し混乱)