Wordpress ThickBox 点击图片显示下一张图的修改方法

更新时间：2010年12月11日 19:24:59 作者：

Wordpress自带的ThickBox特效中，单击图片会调用 tb_remove 以关闭特效窗口，现将修改其动作为显示下一张图。

以wordpress 3.0.2为例，打开 wp-includes/js/thickbox/thickbox.js，找到以下代码行：

 
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>" + 

大概在135行，// End Resizing 下面，修改其中的 id='TB_ImageOff' 为 id='TB_nextImage'，
然后在该行下面不远处的if (!(TB_NextHTML === "")){}中添加：

复制代码代码如下:

jQuery("#TB_nextImage").click(goNext);

放在 jQuery("#TB_next").click(goNext); 下一行即可。
更新:

突然发现忘改链接的title了，上面的代码实现了点击图片直接查看下一张图，但是图片链接的title（鼠标放上去那个黄块)还没有变，这个很简单，将

title='"+thickboxL10n.close+"' 改为 title='"+thickboxL10n.next+"' 即可，这样会读取语言包来显示提示，或者你直接写成字符串也行。效果如下：

您可能感兴趣的文章:

JavaScript的Object.defineProperty详解
本篇文章给大家详细讲述了JavaScript的Object.defineProperty的相关知识点内容，有兴趣的朋友参考学习下。
2018-07-07
js下将阿拉伯数字每三位一逗号分隔(如：15000000转化为15,000,000)
这篇文章主要介绍了js下将阿拉伯数字每三位一逗号分隔(如：15000000转化为15,000,000),需要的朋友可以参考下
2014-06-06
JS数组降维的实现Array.prototype.concat.apply([], arr)
这篇文章主要介绍了JS数组降维的实现Array.prototype.concat.apply([], arr)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-04-04
JS二进制流文件下载导出(接口返回二进制流)乱码处理方法
这篇文章主要介绍了JS二进制流文件下载导出(接口返回二进制流)乱码处理方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
2023-12-12
javascript中callee与caller的用法和应用场景
javascript中callee和caller的用法和应用场景分析，需要的朋友可以参考下。
2010-12-12
layui表格数据重载
这篇文章主要为大家详细介绍了layui表格数据重载，根据条件查询，监听按钮事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-07-07
javascript跟随鼠标x,y坐标移动的字效果
javascript跟随鼠标x,y坐标移动的字效果...
2007-04-04
JavaScript中防抖和节流的区别及适用场景
这篇文章主要介绍了JavaScript中防抖和节流的区别及适用场景，文章通过围绕主题的相关资料展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-05-05
Bootstrap的class样式小结
本文给大家总结了bootstrap的class样式，由基础到内涵给大家介绍的非常详细，需要的的朋友可以参考下
2016-12-12
JS实现遮罩层效果的简单实例
这篇文章介绍了JS实现遮罩层效果的简单实例，有需要的朋友可以参考一下
2013-11-11