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

js多级树形弹出一个小窗口层(非常好用)实例代码

Mar 19 Javascript

使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享

Apr 23 Javascript

JS获取网页图片name属性的方法

Apr 01 Javascript

详解JavaScript时间格式化

Dec 23 Javascript

JS获取多维数组中相同键的值实现方法示例

Jan 06 Javascript

ajax实现动态下拉框示例

Jan 10 Javascript

纯jQuery实现前端分页功能

Mar 23 jQuery

vue学习笔记之指令v-text && v-html && v-bind详解

May 12 Javascript

详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on

Oct 12 Javascript

vue数据初始化initState的实例详解

Apr 11 Javascript

vue data恢复初始化数据的实现方法

Oct 31 Javascript

利用node.js开发cli的完整步骤

Dec 29 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定时计划任务与fsockopen持续进程实例

2014/05/23 PHP

destoon数据库表说明汇总

2014/07/15 PHP

PHP通过引用传递参数用法分析

2016/12/01 PHP

PHP获取本周所有日期或者最近七天所有日期的方法

2018/06/20 PHP

css3实现背景模糊的三种方式

2021/03/09 HTML / CSS

extjs grid设置某列背景颜色和字体颜色的实现方法

2010/09/06 Javascript

JS判断页面加载状态以及添加遮罩和缓冲动画的代码

2012/10/11 Javascript

jquery实现带单选按钮的表格行选中时高亮显示

2013/08/01 Javascript

javascript获取当前鼠标坐标的方法

2015/01/10 Javascript

JavaScript实现当网页加载完成后执行指定函数的方法

2015/03/21 Javascript

JS控制文本域只读或可写属性的方法

2016/06/24 Javascript

JS遍历页面所有对象属性及实现方法

2016/08/01 Javascript

js replace(a,b)之替换字符串中所有指定字符的方法

2016/08/17 Javascript

基于js实现的限制文本框只可以输入数字

2016/12/05 Javascript

AngularJS 将再发布一个重要版本然后进入长期支持阶段

2018/01/31 Javascript

vue短信验证性能优化如何写入localstorage中

2018/04/25 Javascript

Python生成指定数量的优惠码实操内容

2019/06/18 Python

关于pycharm中pip版本10.0无法使用的解决办法

2019/10/10 Python

Python实现图像的垂直投影示例

2020/01/17 Python

python时间日期操作方法实例小结

2020/02/06 Python

Python 给下载文件显示进度条和下载时间的实现

2020/04/02 Python

基于Python编写一个计算器程序,实现简单的加减乘除和取余二元运算

2020/08/05 Python

python 实现关联规则算法Apriori的示例

2020/09/30 Python

手把手教你配置JupyterLab 环境的实现

2021/02/02 Python

波兰购物网站：MALL.PL

2019/05/01 全球购物

力学专业毕业生自荐信

2013/11/17 职场文书

商场活动策划方案

2014/01/24 职场文书

文明工地标语

2014/06/16 职场文书

领导党的群众路线教育实践活动个人对照检查材料

2014/09/23 职场文书

审计局2014法制宣传日活动总结

2014/11/01 职场文书

开展党的群众路线教育实践活动工作总结

2014/11/05 职场文书

公司客户答谢酒会祝酒词

2015/08/11 职场文书

浅谈MySQL next-key lock 加锁范围

2021/06/07 MySQL

Python中的tkinter库简单案例详解

2022/01/22 Python

Windows Server 2008配置防火墙策略详解

2022/06/28 Servers

volatile保证可见性及重排序方法

2022/08/05 Java/Android