编程 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 相关文章推荐

获取Javscript执行函数名称的方法

Dec 22 Javascript

可在线编辑网页文字效果代码(单击)

Mar 02 Javascript

javascript 获取模态窗口的滚动位置代码

Aug 06 Javascript

基于jquery实现无限级树形菜单

Mar 22 Javascript

JavaScript实现定时页面跳转功能示例

Feb 14 Javascript

JavaScript箭头函数_动力节点Java学院整理

Jun 28 Javascript

ionic3 懒加载

Aug 16 Javascript

详解swipe使用及竖屏页面滚动方法

Jun 28 Javascript

jQuery实现的隔行变色功能【案例】

Feb 18 jQuery

原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作

Feb 27 jQuery

js getBoundingClientRect使用方法详解

Jul 17 Javascript

使用node.JS中的url模块解析URL信息

Feb 06 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 无限级数据JSON格式及JS解析

2010/07/17 PHP

PHP has encountered a Stack overflow问题解决方法

2014/11/03 PHP

yii2控制器Controller Ajax操作示例

2016/07/23 PHP

Apply an AutoFormat to an Excel Spreadsheet

2007/06/12 Javascript

Javascript调用C#代码

2011/01/17 Javascript

imgAreaSelect 中文文档帮助说明

2011/10/08 Javascript

JS+ACTIVEX实现网页选择本地目录路径对话框

2013/03/18 Javascript

如何用js控制frame的隐藏或显示的解决办法

2013/03/20 Javascript

Checbox的操作含已选、未选及判断代码

2013/11/07 Javascript

弹出最简单的模式化遮罩层的js代码

2013/12/04 Javascript

js实现DOM走马灯特效的方法

2015/01/21 Javascript

JavaScript使用指针操作实现约瑟夫问题实例

2015/04/07 Javascript

jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解

2016/01/19 Javascript

javascript基础知识讲解

2017/01/11 Javascript

VUE axios发送跨域请求需要注意的问题

2017/07/06 Javascript

JavaScript+CSS相册特效实例代码

2017/09/07 Javascript

浅谈React高阶组件

2018/03/28 Javascript

Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法

2018/09/15 Javascript

前端vue如何使用高德地图

2020/11/05 Javascript

[58:46]OG vs NAVI 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/17 DOTA

Python计算程序运行时间的方法

2014/12/13 Python

python关闭windows进程的方法

2015/04/18 Python

分享Python字符串关键点

2015/12/13 Python

Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例

2018/05/21 Python

利用pandas将numpy数组导出生成excel的实例

2018/06/14 Python

下载与当前Chrome对应的chromedriver.exe(用于python+selenium)

2020/01/14 Python

Python 删除List元素的三种方法remove、pop、del

2020/11/16 Python

opencv实现图像平移效果

2021/03/24 Python

预备党员的自我评价

2014/03/12 职场文书

幼儿园小班评语

2014/04/18 职场文书

北京故宫导游词

2015/01/31 职场文书

预备党员自我评价范文

2015/03/04 职场文书

2019中小学生安全过暑期倡议书

2019/06/24 职场文书

vue实现简单数据双向绑定

2021/04/28 Vue.js

Python中的套接字编程是什么?

2021/06/21 Python

nginx负载功能+nfs服务器功能解析

2022/02/28 Servers