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获取宽高与jquery获取宽高的方法关系对比
Apr 04 Javascript
让JavaScript和其它资源并发下载的方法
Oct 16 Javascript
JavaScript的ExtJS框架中表格的编写教程
May 21 Javascript
Select2.js下拉框使用小结
Oct 24 Javascript
javascript中this用法实例详解
Apr 06 Javascript
简述JS浏览器的三种弹窗
Jul 15 Javascript
Angular angular-file-upload文件上传的示例代码
Aug 23 Javascript
微信小程序收货地址API兼容低版本解决方法
May 18 Javascript
纯js+css实现仿移动端淘宝网站的弹出详情框功能
Dec 29 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
Mar 10 Javascript
微信小程序实现自定义底部导航
Nov 18 Javascript
详解JavaScript中分解数字的三种方法
Jan 05 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中的常用函数回顾
2013/07/11 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
Yii实现文章列表置顶功能示例
2016/10/18 PHP
jQuery使用手册之一
2007/03/24 Javascript
Prototype RegExp对象 学习
2009/07/19 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
2013/07/10 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
JS 日期比较大小的简单实例
2014/01/13 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
2014/05/04 Javascript
Node.js编码规范
2014/07/14 Javascript
JavaScript 模块化编程(笔记)
2015/04/08 Javascript
JavaScript汉诺塔问题解决方法
2015/04/21 Javascript
JQuery鼠标移到小图显示大图效果的方法
2015/06/10 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
javascript每日必学之基础入门
2016/02/16 Javascript
VUEJS实战之修复错误并且美化时间(2)
2016/06/13 Javascript
详解在Vue中使用TypeScript的一些思考(实践)
2018/07/06 Javascript
微信小程序WebSocket实现聊天对话功能
2018/07/06 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
JavaScript枚举选择jquery插件代码实例
2020/11/17 jQuery
[01:04:31]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第二场 1月8日
2021/03/11 DOTA
python机器学习理论与实战(一)K近邻法
2021/01/28 Python
用Python实现数据的透视表的方法
2018/11/16 Python
Python使用pymongo库操作MongoDB数据库的方法实例
2019/02/22 Python
Python的in,is和id函数代码实例
2020/04/18 Python
在主流系统之上安装Pygame的方法
2020/05/20 Python
匡威西班牙官网:Converse西班牙
2019/10/01 全球购物
数字天堂软件测试面试题
2012/12/23 面试题
通信工程专业女生个人求职信
2013/09/21 职场文书
员工试用期自我鉴定范文
2014/09/15 职场文书
司法局群众路线教育实践活动整改措施
2014/09/17 职场文书
员工辞退通知书
2015/04/17 职场文书
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python
Java生成日期时间存入Mysql数据库的实现方法
2022/03/03 Java/Android
Android中View.post和Handler.post的关系
2022/06/05 Java/Android