WordPress Thick博克斯 点击图片体现下一张图的改造章程

在 wp-includes/js/thickbox/thickbox.js 大概39行的function
tb_show(caption, url, imageGroup)中,增加如下行 复制代码 代码如下: function tb_show(caption,
url, imageGroup) {//function called when the user clicks on a thickbox
link try { /// 代码省略。。。 TB_NextHTML = “”; TB_imageCount = “”;
TB_FoundULacrosseL = false; ////// 张开新窗口呈现原图 TB_OpenNewHTML = “”;
if{ /// 代码省略。。。 if { TB_NextCaption =
TB_TempArray[TB_Counter].title; TB_NextURL =
TB_TempArray[TB_Counter].href; TB_NextHTML = “”+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 = true; TB_imageCount = thickboxL10n.image + ‘ ‘

以wordpress 3.0.2为例,展开wp-includes/js/thickbox/thickbox.js,找到以下代码行:

    • ‘ ‘ + thickboxL10n.of + ‘ ‘ + ; ////// 张开新窗口体现原图
      TB_OpenNewHTML = “查阅原图”;
      } } } } /// 代码省略。。。 // Resizing large images – orginal by
      Christian Montoya edited by me. /// 代码省略。。。 // End Resizing
      TB_WIDTH = imageWidth + 30; TB_HEIGHT = imageHeight + 60;
      //jQuery.append(“图片 1

复制代码 代码如下:

“+caption+”

jQuery(“#TB_window”).append(“<a href=” id=’TB_ImageOff’
title='”+thickboxL10n.close+”‘><img id=’TB_Image’ src='”+url+”‘
width='”+imageWidth+”‘ height='”+imageHeight+”‘
alt='”+caption+”‘/></a>” +

” + TB_imageCount + TB_PrevHTML + TB_NextHTML + “

大概在135行,// End Resizing 上边,改进此中的 id=’TB_ImageOff’ 为
id=’TB_nextImage’,
下一场在该行下边不远处的if (!(TB_NextHTML === “”)){}中添加:

图片 2

复制代码 代码如下:

“); /////// 显示下一张图 + 新窗口查看原图
jQuery.append(“图片 3

jQuery(“#TB_nextImage”).click(goNext);