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中巧用cssText属性批量操作样式
Mar 13 Javascript
浅析JavaScript中的类型和对象
Nov 29 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
浅析javascript函数表达式
Feb 10 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
Jun 12 Javascript
AngularJS 入门教程之事件处理器详解
Aug 19 Javascript
ES6正则的扩展实例详解
Apr 25 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
Jul 17 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
Oct 24 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
Nov 06 Javascript
详解JSON和JSONP劫持以及解决方法
Mar 08 Javascript
vue实现移动端返回顶部
Oct 12 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计算十二星座的函数代码
2012/08/21 PHP
php实现兼容2038年后Unix时间戳转换函数
2015/03/18 PHP
关于PHP5.6+版本“No input file specified”问题的解决
2019/12/11 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
原生js ActiveXObject获取execl里面的值
2013/11/01 Javascript
JavaScript验证图片类型(扩展名)的函数分享
2014/05/05 Javascript
JavaScript 作用域链解析
2014/11/13 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
JS iFrame加载慢怎么解决
2016/05/13 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
React入门教程之Hello World以及环境搭建详解
2017/07/11 Javascript
详解基于vue的服务端渲染框架NUXT
2018/06/20 Javascript
解决vue无法设置滚动位置的问题
2018/10/07 Javascript
详解原生JS回到顶部
2019/03/25 Javascript
layui表格内放置图片,并点击放大的实例
2019/09/10 Javascript
从请求到响应过程中django都做了哪些处理
2018/08/01 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
Python数据可视化教程之Matplotlib实现各种图表实例
2019/01/13 Python
对python实现合并两个排序链表的方法详解
2019/01/23 Python
python中的subprocess.Popen()使用详解
2019/12/25 Python
python入门之井字棋小游戏
2020/03/05 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
Python性能分析工具py-spy原理用法解析
2020/07/27 Python
HTML5超炫酷粒子效果的进度条的实现示例
2019/08/23 HTML / CSS
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
写一个函数,求一个字符串的长度。在main函数中输入字符串,并输出其长度
2015/11/18 面试题
单位单身证明范本
2014/01/11 职场文书
毕业生自荐书
2014/02/02 职场文书
职业女性的职业规划
2014/03/04 职场文书
护理专业毕业生自我鉴定总结
2014/03/24 职场文书
基层党组织公开承诺书
2014/03/28 职场文书
二手房购房意向书范本
2014/04/01 职场文书
住宿生擅自离校检讨书
2014/09/22 职场文书
先进单位申报材料
2014/12/25 职场文书
高中英语教学反思范文
2016/03/02 职场文书