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 相关文章推荐
在jQuery1.5中使用deferred对象 着放大镜看Promise
Mar 12 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
Jan 03 Javascript
浅谈JavaScript Array对象
Dec 29 Javascript
终于实现了!精彩的jquery弹幕效果
Jul 18 Javascript
概述javascript在Google IE中的调试技巧
Nov 24 Javascript
JavaScript获取服务器端时间的方法
Nov 29 Javascript
谈谈因Vue.js引发关于getter和setter的思考
Dec 02 Javascript
javascript实现留言板功能
Feb 08 Javascript
详解Vue中的MVVM原理和实现方法
Jul 15 Javascript
浅谈js中的attributes和Attribute的用法与区别
Jul 16 Javascript
vue路由切换时取消之前的所有请求操作
Sep 01 Javascript
js属性对象的hasOwnProperty方法的使用
Feb 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/05/10 PHP
php中socket的用法详解
2014/10/24 PHP
PHP-FPM之Chroot执行环境详解
2015/08/03 PHP
Laravel Reponse响应客户端示例详解
2020/09/03 PHP
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
jQuery动态地获取系统时间实现代码
2013/05/24 Javascript
jquery对元素拖动排序示例
2014/01/16 Javascript
js拼接html注意问题示例探讨
2014/07/14 Javascript
基于Bootstrap+jQuery.validate实现Form表单验证
2014/12/16 Javascript
JS实现两表格里数据来回转移的方法
2015/05/28 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
2015/11/24 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
2016/05/24 Javascript
JS 日期与时间戮相互转化的简单实例
2016/06/22 Javascript
使用Node.js给图片加水印的方法
2016/11/15 Javascript
js实现3d悬浮效果
2017/02/16 Javascript
详解用vue-cli来搭建vue项目和webpack
2017/04/20 Javascript
AngularJS实现动态添加Option的方法
2017/05/17 Javascript
使用jQuery动态设置单选框的选中效果
2018/12/06 jQuery
[59:48]LGD vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
举例讲解Python中的算数运算符的用法
2015/05/13 Python
Python实现列表删除重复元素的三种常用方法分析
2017/11/24 Python
Python封装原理与实现方法详解
2018/08/28 Python
pymongo中聚合查询的使用方法
2019/03/22 Python
Django使用中间键实现csrf认证详解
2019/07/22 Python
Python pickle模块实现对象序列化
2019/11/22 Python
Pytorch基本变量类型FloatTensor与Variable用法
2020/01/08 Python
python matplotlib.pyplot.plot()参数用法
2020/04/14 Python
最新计算机专业自荐信
2013/10/16 职场文书
转党组织关系介绍信
2014/01/08 职场文书
文明礼貌演讲稿
2014/05/12 职场文书
党员批评与自我批评思想汇报
2014/10/08 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
亚布力滑雪场导游词
2015/02/09 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python
redis 查看所有的key方式
2021/05/07 Redis
Consul在linux环境的集群部署
2022/04/08 Servers