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

jquery ajax 检测用户注册时用户名是否存在

Nov 03 Javascript

JSCode all of Brower 全局屏蔽网页右键功能具体实现

Jun 05 Javascript

jQuery动态改变图片显示大小(修改版)的实现思路及代码

Dec 24 Javascript

jquery组件使用中遇到的问题整理及解决

Feb 21 Javascript

浅析jQuery EasyUI中的tree使用指南

Dec 18 Javascript

检测一个函数是否是JavaScript原生函数的小技巧

Mar 13 Javascript

javascript判断并获取注册表中可信任站点的方法

Jun 01 Javascript

js实现水平滚动菜单导航

Jul 21 Javascript

javascript将list转换成树状结构的实例

Sep 08 Javascript

vue实现鼠标移入移出事件代码实例

Mar 27 Javascript

微信小程序基于高德地图API实现天气组件(动态效果)

Oct 22 Javascript

Vue包大小优化的实现(从1.72M到94K)

Feb 18 Vue.js

基于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容易被忽略而出错陷阱数字与字符串比较

2011/11/10 PHP

PHP备份数据库生成SQL文件并下载的函数代码

2012/02/05 PHP

解析php利用正则表达式解决采集内容排版的问题

2013/06/20 PHP

ThinkPHP3.1新特性之G方法的使用

2014/06/19 PHP

Linux中为php配置伪静态

2014/12/17 PHP

PHP7.1方括号数组符号多值复制及指定键值赋值用法分析

2016/09/26 PHP

php实现微信模板消息推送

2018/03/30 PHP

jQuery-Tools-overlay 使用介绍

2012/07/14 Javascript

通过jQuery源码学习javascript(一)

2012/12/27 Javascript

JS动态添加与删除select中的Option对象(示例代码)

2013/12/20 Javascript

jquery.post用法之type设置问题

2014/02/24 Javascript

Document.location.href和.replace的区别示例介绍

2014/03/04 Javascript

多个$(document).ready()的执行顺序实例分析

2014/07/26 Javascript

javascript实现简单的二级联动

2015/03/19 Javascript

JS实现模拟风力的雪花飘落效果

2015/05/13 Javascript

D3.js实现折线图的方法详解

2016/09/21 Javascript

Angular.Js的自动化测试详解

2016/12/09 Javascript

JavaScript基本类型值-Undefined、Null、Boolean

2017/02/23 Javascript

VUE使用vuex解决模块间传值问题的方法

2017/06/01 Javascript

详解webpack的配置文件entry与output

2017/08/21 Javascript

详解React中合并单元格的正确写法

2019/01/08 Javascript

利用Vue实现一个markdown编辑器实例代码

2019/05/19 Javascript

原生JavaScript之es6中Class的用法分析

2020/02/23 Javascript

vue cli 3.0通用打包配置代码,不分一二级目录

2020/09/02 Javascript

[02:42]岂曰无衣，与子同袍！DOTA2致敬每一位守护人

2020/02/17 DOTA

python获取当前时间对应unix时间戳的方法

2015/05/15 Python

Python实现二叉堆

2016/02/03 Python

django2用iframe标签完成网页内嵌播放b站视频功能

2018/06/20 Python

python+numpy+matplotalib实现梯度下降法

2018/08/31 Python

对python当中不在本路径的py文件的引用详解

2018/12/15 Python

python粘包问题及socket套接字编程详解

2019/06/29 Python

印度尼西亚综合购物网站：Lazada印尼

2016/09/07 全球购物

新学期校长寄语

2014/01/18 职场文书

银行求职信范文怎么写

2015/03/20 职场文书

八年级语文教学反思

2016/03/03 职场文书

人为什么会“幸灾乐祸”?

2019/08/06 职场文书