首页 web前端 js教程 Wordpress ThickBox 点击图片显示下一张图的修改方法_javascript技巧

Wordpress ThickBox 点击图片显示下一张图的修改方法_javascript技巧

May 16, 2016 pm 06:14 PM
wordpress

以wordpress 3.0.2为例,打开 wp-includes/js/thickbox/thickbox.js,找到以下代码行:

复制代码 代码如下:

jQuery("#TB_window").append(""+caption+"" +

大概在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+"' 即可,这样会读取语言包来显示提示,或者你直接写成字符串也行。效果如下:

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

wordpress文章列表怎么调 wordpress文章列表怎么调 Apr 20, 2025 am 10:48 AM

有四种方法可以调整 WordPress 文章列表:使用主题选项、使用插件(如 Post Types Order、WP Post List、Boxy Stuff)、使用代码(在 functions.php 文件中添加设置)或直接修改 WordPress 数据库。

wordpress怎么添加评论 wordpress怎么添加评论 Apr 20, 2025 am 11:42 AM

在 WordPress 中添加评论功能步骤如下:启用评论:勾选“允许评论”以启用特定文章或所有文章的评论。设置评论选项:自定义评论审批、分页、嵌套评论等设置。添加评论表单:使用提供的代码将评论表单添加到所需位置。显示评论:使用提供的代码显示已提交的评论。回复评论:通过“回复”链接回复单个评论,或使用批量操作回复多个评论。管理评论:在“评论”选项卡中查看、删除、批准和标记评论。

wordpress编辑日期怎么取消 wordpress编辑日期怎么取消 Apr 20, 2025 am 10:54 AM

WordPress 编辑日期可以通过三种方法取消:1. 安装 Enable Post Date Disable 插件;2. 在 functions.php 文件中添加代码;3. 手动编辑 wp_posts 表中的 post_modified 列。

wordpress怎么自己做主题 wordpress怎么自己做主题 Apr 20, 2025 am 11:18 AM

您可以使用 WordPress 主题编辑器或寻求第三方帮助,例如预构建的主题、主题生成器或聘请开发人员,以创建或自定义自己的 WordPress 主题。通过了解主题基础知识、使用子主题、测试更改和优化性能,您可以打造一个独特且有效的在线形象。

wordpress出现错误怎么办 wordpress出现错误怎么办 Apr 20, 2025 am 11:57 AM

WordPress 错误解决指南:500 内部服务器错误:禁用插件或检查服务器错误日志。404 未找到页面:检查 permalink 并确保页面链接正确。白屏死机:增加服务器 PHP 内存限制。数据库连接错误:检查数据库服务器状态和 WordPress 配置。其他技巧:启用调试模式、检查错误日志和寻求支持。预防错误:定期更新 WordPress、仅安装必要插件、定期备份网站和优化网站性能。

wordpress代码怎么复制 wordpress代码怎么复制 Apr 20, 2025 pm 12:00 PM

如何复制 WordPress 代码?从管理界面复制:登录 WordPress 网站,导航到目标位置,选择代码并按 Ctrl C (Windows)/Command C (Mac) 复制代码。从文件复制:使用 SSH 或 FTP 连接到服务器,导航到主题或插件文件,选择代码并按 Ctrl C (Windows)/Command C (Mac) 复制代码。

wordpress评论怎么显示 wordpress评论怎么显示 Apr 20, 2025 pm 12:06 PM

WordPress 网站中启用评论功能:1. 登录管理面板,转到 "设置"-"讨论",勾选 "允许评论";2. 选择显示评论的位置;3. 自定义评论表单;4. 管理评论,批准、拒绝或删除;5. 使用 <?php comments_template(); ?> 标签显示评论;6. 启用嵌套评论;7. 调整评论外形;8. 使用插件和验证码防止垃圾评论;9. 鼓励用户使用 Gravatar 头像;10. 创建评论指

wordpress怎么写页头 wordpress怎么写页头 Apr 20, 2025 pm 12:09 PM

在WordPress中创建自定义页头的步骤如下:编辑主题文件“header.php”。添加您的网站名称和描述。创建导航菜单。添加搜索栏。保存更改并查看您的自定义页头。

See all articles