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

Javascript调用XML制作连动下拉列表框

Jun 25 Javascript

WEB页子窗口(showModalDialog和showModelessDialog)使用说明

Oct 25 Javascript

用Jquery实现可编辑表格并用AJAX提交到服务器修改数据

Dec 27 Javascript

Firefox中beforeunload事件的实现缺陷浅析

May 03 Javascript

解决jquery中美元符号命名冲突问题

Jan 08 Javascript

推荐9款炫酷的基于jquery的页面特效

Dec 07 Javascript

浅谈javascript中自定义模版

Jan 29 Javascript

js中遍历Map对象的方法

Jul 27 Javascript

微信小程序教程之条件渲染

Oct 18 Javascript

jquery点击展示与隐藏更多内容

Dec 03 Javascript

ES6 class类链式继承，实例化及react super(props)原理详解

Feb 15 Javascript

在Chrome DevTools中调试JavaScript的实现

Apr 07 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

人族 Terran 魔法与科技

2020/03/14 星际争霸

为查询结果建立向后/向前按钮

2006/10/09 PHP

php的一些小问题

2010/07/03 PHP

PHP 强制下载文件代码

2010/10/24 PHP

PHP实现简单爬虫的方法

2015/07/29 PHP

PHP CURL或file_get_contents获取网页标题的代码及两者效率的稳定性问题

2015/11/30 PHP

在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程

2015/12/21 PHP

laravel5创建service provider和facade的方法详解

2016/07/26 PHP

JavaScript asp.net 获取当前超链接中的文本

2009/04/14 Javascript

jquery事件绑定解绑机制源码解析

2016/09/19 Javascript

详解js界面跳转与值传递

2016/11/22 Javascript

利用select实现年月日三级联动的日期选择效果【推荐】

2016/12/13 Javascript

微信小程序 slider的简单实例

2017/04/19 Javascript

Node+Express+MongoDB实现登录注册功能实例

2017/04/23 Javascript

ComboBox（下拉列表框）通过url加载调用远程数据的方法

2017/08/06 Javascript

2种简单的js倒计时方式

2017/10/20 Javascript

分享5个顶级的JavaScript Ajax组件库

2018/09/16 Javascript

JS实现的点击按钮图片上下滚动效果示例

2019/01/28 Javascript

mpvue小程序循环动画开启暂停的实现方法

2019/05/15 Javascript

vue组件创建的三种方式小结

2020/02/03 Javascript

基于vue3.0.1beta搭建仿京东的电商H5项目

2020/05/06 Javascript

使用eslint和githooks统一前端风格的技巧

2020/07/29 Javascript

PyQt5 对图片进行缩放的实例

2019/06/18 Python

Python英文文章词频统计(14份剑桥真题词频统计)

2019/10/13 Python

MAC平台基于Python Appium环境搭建过程图解

2020/08/13 Python

python 邮件检测工具mmpi的使用

2021/01/04 Python

详解css3中 text-fill-color属性

2019/07/08 HTML / CSS

canvas 绘图时位置偏离的问题解决

2020/09/16 HTML / CSS

个性化皮包、小袋、生活配件：Mon Purse

2019/03/26 全球购物

Farfetch中文官网：奢侈品牌时尚购物平台

2020/03/15 全球购物

公司接待方案

2014/03/08 职场文书

实习工作表现评语

2014/12/31 职场文书

2015年党员岗位承诺书

2015/04/27 职场文书

2015年社区精神文明工作总结

2015/05/26 职场文书

关于golang高并发的实现与注意事项说明

2021/05/08 Golang

Springboot如何使用logback实现多环境配置?

2021/06/16 Java/Android