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

ExtJS 2.0实用简明教程之Ext类库简介

Apr 29 Javascript

解决jquery的datepicker的本地化以及Today问题

May 23 Javascript

treepanel动态加载数据实现代码

Dec 15 Javascript

JQuery分别取得每行最后一列和最后一行的示例代码

Aug 18 Javascript

js获取网页可见区域、正文以及屏幕分辨率的高度

May 15 Javascript

javascript函数式编程程序员的工具集

Oct 11 Javascript

推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)

Apr 21 Javascript

详解react-webpack2-热模块替换[HMR]

Aug 03 Javascript

angularJS实现不同视图同步刷新详解

Oct 09 Javascript

vue把输入框的内容添加到页面的实例讲解

Nov 11 Javascript

JS浏览器BOM常见操作实例详解

Apr 27 Javascript

原生JavaScript实现幻灯片效果

Feb 19 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

用Apache反向代理设置对外的WWW和文件服务器

2006/10/09 PHP

PHP函数实现分页含文本分页和数字分页

2014/10/23 PHP

在chrome中window.onload事件的一些问题

2010/03/01 Javascript

jQuery UI Dialog 创建友好的弹出对话框实现代码

2012/04/12 Javascript

javascript时间自动刷新实现原理与步骤

2013/01/06 Javascript

jquery实现点击页面计算点击次数

2015/01/23 Javascript

JavaScript中window.open用法实例详解

2015/04/15 Javascript

JS组件Bootstrap Table使用方法详解

2016/02/02 Javascript

JavaScript Array对象详解

2016/03/01 Javascript

分分钟玩转Vue.js组件

2016/10/25 Javascript

jquery实现焦点轮播效果

2017/02/23 Javascript

vue中将网页打印成pdf实例代码

2017/06/15 Javascript

JavaScript插件Tab选项卡效果

2017/11/14 Javascript

详解ES6通过WeakMap解决内存泄漏问题

2018/03/09 Javascript

解决Vue axios post请求,后台获取不到数据的问题方法

2018/08/11 Javascript

webpack 从指定入口文件中提取公共文件的方法

2018/11/13 Javascript

JS实现canvas简单小画板功能

2020/06/23 Javascript

Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法

2017/01/12 Python

requests和lxml实现爬虫的方法

2017/06/11 Python

使用Django和Python创建Json response的方法

2018/03/26 Python

基于Python对数据shape的常见操作详解

2018/12/25 Python

python 多个参数不为空校验方法

2019/02/14 Python

Pytorch 抽取vgg各层并进行定制化处理的方法

2019/08/20 Python

Python列表list操作相关知识小结

2020/01/29 Python

学点简单的Django之第一个Django程序的实现

2021/02/24 Python

触摸春天教学反思

2014/02/03 职场文书

三查三看党性分析材料

2014/02/18 职场文书

商务经理岗位职责

2014/08/03 职场文书

小学国旗下的演讲稿

2014/08/28 职场文书

召开会议通知范文

2015/04/15 职场文书

古诗之感恩老师

2019/10/24 职场文书

500字作文之难忘的同学

2019/12/20 职场文书

python如何获取网络数据

2021/04/11 Python

SpringBoot系列之MongoDB Aggregations用法详解

2022/02/12 MongoDB

python实现手机推送代码也就10行左右

2022/04/12 Python

windows10声卡驱动怎么安装?win10声卡驱动安装操作步骤教程

2022/08/05 数码科技