ThickBox 3.1 在项目中实际应用2则

一、图片应用。将英文的Close 改为关闭，及prev 和next 更改为 上一张和下一张 在thickbox.js中的位置

     首先要下载未经过压缩的文件，下载地址：http://jquery.com/demo/thickbox/

     打开thickbox.js文件，找到

     找到prev 和next 位置改下面的代码：

      TB_NextHTML = "<span id='TB_next'>&nbsp;&nbsp;<a href='#'>下一张 &gt;</a></span>";

      TB_PrevHTML = "<span id='TB_prev'>&nbsp;&nbsp;<a href='#'>&lt; 上一张</a></span>";

     将close 变为中文，搜索下，只要不在HTML标记内的全部改为关闭即可。

 

二、在使用iFrame 模式时，有可能需要关闭窗口时同时刷新父窗口，方法如下：在代码的最后加上下面的代码

     

// 刷新打开本窗口的opener窗口. 
function refreshOpener(){ 
// 可能存在frame页面,所以要引用top窗口. 
    var win = top.window; 
    try
    { 
        // 刷新. 
        if(win) 
        {
            win.location.href=win.location.href; 
        }
    }
    catch(ex)
    { 
        // 防止opener被关闭时代码异常。 
    } 
} 

// 刷新opener窗口后关闭自己。 
function refreshOpenerAndCloseMe(){ 
refreshOpener(); 
tb_remove();
}

 

然后找到

$("#TB_closeWindowButton").click(tb_remove);

改为：

$("#TB_closeWindowButton").click(refreshOpenerAndCloseMe);

 

注：本人文彩不好希望看官能看懂！