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

XHTML下,JS浮动代码失效的问题

Nov 12 Javascript

js 中 document.createEvent的用法

Aug 29 Javascript

js 遍历对象的属性的代码

Dec 29 Javascript

JavaScript快速检测浏览器对CSS3特性的支持情况

Sep 26 Javascript

jQuery判断复选框是否勾选的原理及示例

May 21 Javascript

javascript设计模式之中介者模式Mediator

Dec 30 Javascript

html的DOM中Event对象onblur事件用法实例

Jan 21 Javascript

深入学习JavaScript中的原型prototype

Aug 13 Javascript

Node.js DES加密的简单实现

Jul 07 Javascript

jquery 验证用户名是否重复代码实例

May 14 jQuery

vue中的v-model原理,与组件自定义v-model详解

Aug 04 Javascript

JS轻量级函数式编程实现XDM二

Jun 16 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/05/16 PHP

定义php常量的详解

2013/06/09 PHP

PHP中使用数组指针函数操作数组示例

2014/11/19 PHP

php创建session的方法实例详解

2015/01/27 PHP

PHP实现的简单网络硬盘

2015/07/29 PHP

php精确的统计在线人数的方法

2015/10/21 PHP

Yii2实现ajax上传图片插件用法

2016/04/28 PHP

php实现的生成迷宫与迷宫寻址算法完整实例

2017/11/06 PHP

javascript 屏蔽鼠标键盘的几段代码

2008/01/02 Javascript

jquery dialog键盘事件代码

2010/08/01 Javascript

web基于浏览器的本地存储方法应用

2012/11/27 Javascript

解决json日期格式问题的3种方法

2014/02/02 Javascript

jQuery中:visible选择器用法实例

2014/12/30 Javascript

JS仿iGoogle自定义首页模块拖拽特效的方法

2015/02/13 Javascript

JavaScript点击按钮后弹出透明浮动层的方法

2015/05/11 Javascript

关于数据与后端进行交流匹配(点亮星星)

2016/08/03 Javascript

AngularJS入门教程之AngularJS 模板

2016/08/18 Javascript

Ajax+FormData+javascript实现无刷新表单信息提交

2016/10/24 Javascript

基于JS实现移动端向左滑动出现删除按钮功能

2017/02/22 Javascript

vue中如何实现pdf文件预览的方法

2018/07/12 Javascript

vue+koa2搭建mock数据环境的详细教程

2020/05/18 Javascript

深入学习Python中的装饰器使用

2016/06/20 Python

Python检测生僻字的实现方法

2016/10/23 Python

遗传算法之Python实现代码

2017/10/10 Python

python实现人脸识别代码

2017/11/08 Python

Python/Django后端使用PIL Image生成头像缩略图

2019/04/30 Python

python中Pexpect的工作流程实例讲解

2021/03/02 Python

微软加拿大官方网站：Microsoft Canada

2019/04/28 全球购物

介绍一下你对SOA的认识

2016/04/24 面试题

新学期家长寄语

2014/01/19 职场文书

《小白兔和小灰兔》教学反思

2014/02/18 职场文书

小学班级特色活动方案

2014/08/31 职场文书

房屋出租协议书范本（标准版）

2014/09/24 职场文书

运动会报道稿300字

2014/10/02 职场文书

22句经典语录：送给优柔寡断和胡思乱想的朋友们

2019/12/13 职场文书

vue项目中的支付功能实现(微信支付和支付宝支付)

2022/02/18 Vue.js