编程 Javascript

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

Posted in Javascript onDecember 11, 2010

以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+"' 即可，这样会读取语言包来显示提示，或者你直接写成字符串也行。效果如下：

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Egret引擎开发指南之视觉编程

Sep 03 Javascript

教你使用javascript简单写一个页面模板引擎

May 05 Javascript

JavaScript处理解析JSON数据过程详解

Sep 11 Javascript

js判断日期时间有效性的方法

Oct 24 Javascript

javascript获取系统当前时间的方法

Nov 19 Javascript

JavaScript实现弹出DIV层同时页面背景渐变成半透明效果

Mar 25 Javascript

基于jQuery实现多标签页切换的效果(web前端开发)

Jul 24 Javascript

jQuery可见性过滤选择器用法示例

Sep 09 Javascript

BootStrap3中模态对话框的使用

Jan 06 Javascript

深入理解Angular.JS中的Scope继承

Jun 04 Javascript

spirngmvc js传递复杂json参数到controller的实例

Mar 29 Javascript

JavaScript中while循环的基础使用教程

Aug 11 Javascript

基于jQuery的history历史记录插件

Dec 11 #Javascript

基于Jquery 解决Ajax请求的页面浏览器后退前进功能，页面刷新功能实效问题

Dec 11 #Javascript

DIY jquery plugin - tabs标签切换实现代码

Dec 11 #Javascript

为超链接加上disabled后的故事

Dec 10 #Javascript

input按钮的事件处理大全

Dec 10 #Javascript

JavaScript(JS) 压缩 / 混淆 / 格式化批处理工具

Dec 10 #Javascript

js下关于onmouseout、事件冒泡的问题经验小结

Dec 09 #Javascript

You might like

PHP 函数学习简单小结

2010/07/08 PHP

PHP封装的HttpClient类用法实例

2015/06/17 PHP

php 猴子摘桃的算法

2017/06/20 PHP

javascript 对象定义方法简单易学

2009/03/22 Javascript

使弱类型的语言JavaScript变强势

2009/06/22 Javascript

js change,propertychange,input事件小议

2011/12/20 Javascript

创建公共调用 jQuery Ajax 带返回值

2012/08/01 Javascript

Javascript跨域请求的4种解决方式

2013/03/17 Javascript

Extjs4 类的定义和扩展实例

2013/06/28 Javascript

JS中获取数据库中的值的方法

2013/07/14 Javascript

JavaScript splice()方法详解

2020/09/22 Javascript

js实现百度联盟中一款不错的图片切换效果完整实例

2015/03/04 Javascript

基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式

2015/10/28 Javascript

基于jquery fly插件实现加入购物车抛物线动画效果

2016/04/05 Javascript

jquery UI Datepicker时间控件的使用及问题解决

2016/04/28 Javascript

快速解决Canvas.toDataURL 图片跨域的问题

2016/05/10 Javascript

解决vue 更改计算属性后select选中值不更改的问题

2018/03/02 Javascript

Angular ElementRef简介及其使用

2018/10/01 Javascript

vue组件从开发到发布的实现步骤

2018/11/11 Javascript

javascript中join方法实例讲解

2019/02/21 Javascript

[02:04]2018DOTA2亚洲邀请赛Secret赛前采访

2018/04/03 DOTA

通过Python爬虫代理IP快速增加博客阅读量

2016/12/14 Python

Python关键字及可变参数*args,**kw原理解析

2020/04/04 Python

python使用正则表达式匹配txt特定字符串（有换行）

2020/12/09 Python

python实现经典排序算法的示例代码

2021/02/07 Python

英国翻新电子产品购物网站：Tech Trade

2017/12/25 全球购物

大学毕业生工作的自我评价

2013/10/01 职场文书

建筑结构施工专业推荐信

2014/02/21 职场文书

党员干部一句话承诺

2014/05/30 职场文书

机电一体化应届生求职信

2014/08/09 职场文书

2014年个人思想工作总结

2014/11/27 职场文书

寒山寺导游词

2015/02/03 职场文书

车队安全员岗位职责

2015/02/15 职场文书

鸦片战争观后感

2015/06/09 职场文书

python ansible自动化运维工具执行流程

2021/06/24 Python

海康机器人重磅发布全新算法开发平台VM4.2

2022/04/21 数码科技