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进阶教程(第四课第一部分)
Apr 05 Javascript
jQuery中val()方法用法实例
Dec 25 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
Oct 08 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
Feb 22 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
Oct 25 Javascript
微信小程序实现手指触摸画板
Jul 09 Javascript
解决vue的变量在settimeout内部效果失效的问题
Aug 30 Javascript
Node.js 多进程处理CPU密集任务的实现
May 26 Javascript
解决layui table表单提示数据接口请求异常的问题
Sep 24 Javascript
小程序简单两栏瀑布流效果的实现
Dec 18 Javascript
详解JS ES6编码规范
May 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
缓存技术详谈―php
2006/12/14 PHP
php 表单数据的获取代码
2009/03/10 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
ECSHOP完美解决Deprecated: preg_replace()报错的问题
2016/05/17 PHP
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
javascript中关于&amp;&amp; 和 || 表达式的小技巧分享
2015/04/10 Javascript
全面理解JavaScript中的闭包
2016/05/12 Javascript
JavaScript数据结构链表知识详解
2016/11/21 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
2017/01/04 Javascript
如何制作幻灯片(代码分享)
2017/01/06 Javascript
JavaScript简单生成 N~M 之间随机数的方法
2017/01/13 Javascript
js实现前面自动补全位数的方法
2018/10/10 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
2019/01/08 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
基于ajax实现上传图片代码示例解析
2020/12/03 Javascript
[03:48]大碗DOTA
2019/07/25 DOTA
[01:03:09]完美世界DOTA2联赛PWL S2 Forest vs SZ 第二场 11.25
2020/11/26 DOTA
Python3安装Scrapy的方法步骤
2017/11/23 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
Python3使用PySynth制作音乐的方法
2019/09/09 Python
python3 图片 4通道转成3通道 1通道转成3通道 图片压缩实例
2019/12/03 Python
Pytorch之Variable的用法
2019/12/31 Python
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
个人简历自我评价
2014/01/06 职场文书
美德好少年主要事迹
2014/01/29 职场文书
见习期自我鉴定范文
2014/03/19 职场文书
禁毒宣传工作方案
2014/05/23 职场文书
普通党员自我剖析材料
2014/10/07 职场文书
师德师风自查材料
2014/10/14 职场文书
2014年社区矫正工作总结
2014/11/18 职场文书
2014年少先队工作总结
2014/12/03 职场文书
客户付款通知书
2015/04/23 职场文书
教师学期述职自我鉴定
2019/08/16 职场文书
导游词之白茶谷九龙峡
2019/10/23 职场文书
导游词之无锡丝业博物馆
2019/11/12 职场文书
教你怎么用PyCharm为同一服务器配置多个python解释器
2021/05/31 Python