编程 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中巧用cssText属性批量操作样式

Mar 13 Javascript

浅析JavaScript中的类型和对象

Nov 29 Javascript

javascript实现列表滚动的方法

Jul 30 Javascript

浅析javascript函数表达式

Feb 10 Javascript

基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转

Jun 12 Javascript

AngularJS 入门教程之事件处理器详解

Aug 19 Javascript

ES6正则的扩展实例详解

Apr 25 Javascript

JS实现仿UC浏览器前进后退效果的实例代码

Jul 17 Javascript

JS去掉字符串末尾的标点符号及删除最后一个字符的方法

Oct 24 Javascript

移动端H5页面返回并刷新页面（BFcache）的方法

Nov 06 Javascript

详解JSON和JSONP劫持以及解决方法

Mar 08 Javascript

vue实现移动端返回顶部

Oct 12 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计算十二星座的函数代码

2012/08/21 PHP

php实现兼容2038年后Unix时间戳转换函数

2015/03/18 PHP

关于PHP5.6+版本“No input file specified”问题的解决

2019/12/11 PHP

tp5.1 框架数据库高级查询技巧实例总结

2020/05/25 PHP

原生js ActiveXObject获取execl里面的值

2013/11/01 Javascript

JavaScript验证图片类型(扩展名)的函数分享

2014/05/05 Javascript

JavaScript 作用域链解析

2014/11/13 Javascript

js实现透明度渐变效果的方法

2015/04/10 Javascript

JS iFrame加载慢怎么解决

2016/05/13 Javascript

react.js 获取真实的DOM节点实例(必看)

2017/04/17 Javascript

React入门教程之Hello World以及环境搭建详解

2017/07/11 Javascript

详解基于vue的服务端渲染框架NUXT

2018/06/20 Javascript

解决vue无法设置滚动位置的问题

2018/10/07 Javascript

详解原生JS回到顶部

2019/03/25 Javascript

layui表格内放置图片,并点击放大的实例

2019/09/10 Javascript

从请求到响应过程中django都做了哪些处理

2018/08/01 Python

使用Python实现从各个子文件夹中复制指定文件的方法

2018/10/25 Python

Python编程深度学习绘图库之matplotlib

2018/12/28 Python

Python数据可视化教程之Matplotlib实现各种图表实例

2019/01/13 Python

对python实现合并两个排序链表的方法详解

2019/01/23 Python

python中的subprocess.Popen()使用详解

2019/12/25 Python

python入门之井字棋小游戏

2020/03/05 Python

python删除指定列或多列单个或多个内容实例

2020/06/28 Python

Python性能分析工具py-spy原理用法解析

2020/07/27 Python

HTML5超炫酷粒子效果的进度条的实现示例

2019/08/23 HTML / CSS

英国著名的茶叶品牌：Whittard of Chelsea

2016/09/22 全球购物

写一个函数，求一个字符串的长度。在main函数中输入字符串，并输出其长度

2015/11/18 面试题

单位单身证明范本

2014/01/11 职场文书

毕业生自荐书

2014/02/02 职场文书

职业女性的职业规划

2014/03/04 职场文书

护理专业毕业生自我鉴定总结

2014/03/24 职场文书

基层党组织公开承诺书

2014/03/28 职场文书

二手房购房意向书范本

2014/04/01 职场文书

住宿生擅自离校检讨书

2014/09/22 职场文书

先进单位申报材料

2014/12/25 职场文书

高中英语教学反思范文

2016/03/02 职场文书