现在的位置: 首页 > 综合 > 正文

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

2012年11月16日 ⁄ 综合 ⁄ 共 905字 ⁄ 字号 评论关闭

一、图片应用。将英文的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);

 

注:本人文彩不好希望看官能看懂!

 

抱歉!评论已关闭.