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

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

赞 (0)

相关推荐

  • jQuery实现点击按钮文字变成input框点击保存变成文字

    废话不多说,直接给大家贴代码了. 具体代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8"> <title>点击按钮文字变成inpu

  • 使用Jquery实现点击文字后变成文本框且可修改

    使用Jquery实现点击文字变为文本框效果,可对文本框文字进行修改. 1.点击文字变为文本框 2.文本框自动全选文字 3.对文本框内容进行修改 4.点击文本框以外的地方文本框再次变为修改后的文字 5.同步更新SQL数据库内容 Html部分代码 复制代码 代码如下: <table width="200"> <tr> <td><b>ID</b></td> <td><b>名称</b>&

  • Android编程简单实现ImageView点击时背景图修改的方法

    本文实例讲述了Android编程简单实现ImageView点击时背景图修改的方法.分享给大家供大家参考,具体如下: 在使用ImageView时,当被点击时,希望背景图修改一下,这样显示被点击效果明显一些.在这里,一个很简单的方法,最起码是个很清晰的方法.在res/drawable文件夹下创建一个xml文件.比如my.xml,内容如下: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:an

  • jquery实现点击文字可编辑并修改保存至数据库

    jquery实现点击文字可编辑并修改保存至数据库

    这个方法网上可以查到很多,但是好多只有点击文字编辑并保持,但是没有完整的代码写怎么保存到数据库.因为本人才疏学浅,费啦好长时间才写好把修改的内容只用一条sql语句保存到数据库,今天在这里和大家分享 这是运行图片  这是前台页面 03.aspx页面 复制代码 代码如下: <table id="MyTable" cellspacing="1" cellpadding="3"> <asp:Repeater ID="reord

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

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

    以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='"

  • 基于javascript代码实现通过点击图片显示原图片

    废话不多说了,直接给大家贴js实现点击图片显示原图片的代码,具体代码如下所示: function DrawImage(ImgD){ var image = new Image(); image.src=ImgD.src; var width = $(ImgD).attr("width"); var height = $(ImgD).attr("height"); if(width >100 && height>80){ ImgD.widt

  • Android实现从网络获取图片显示并保存到SD卡的方法

    本文实例讲述了Android实现从网络获取图片显示并保存到SD卡的方法.分享给大家供大家参考,具体如下: 问题: 如何不断获取图片并显示出来,达到视频的效果? 代码: public class GetPictureFromInternetActivity extends Activity { private ImageView imageView; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInst

  • CentOS8下的root密码快速修改方法

    开启centos8虚拟机,在图1界面中按上下键选中第一行 如图1所示 按'e'键,进入图2界面,移动向下方向键至"linux16"开头的行.然后按向右的方向键移动,找到"ro"并将其修改为"rw init=/sysroot/bin/bash".(rw后边有空格,\是系统自己添加的),如图3所示. 如图2所示 如图3所示 同时按住Ctrl和x键,系统进入如下界面,即emergency(紧急情况)模式.如图4.5所示. 如图4所示.此界面等待时间较长

  • windows下忘记MySQL密码的修改方法

    一.windows下修改MySQL密码的方法如果在Windows下忘记了MySQL的密码,可以这样做:1.关闭正在运行的MySQL服务:net stop mysql或 在windows 任务管理器中结束 mysqld.exe 进程或在 管理工具里面的服务找到 mysql服务 ,将其停止: 复制代码 代码如下: C:\Users\Administrator>net stop mysqlMySQL 服务正在停止.MySQL 服务已成功停止. 2.打开命令行,转到mysql的bin目录下: 复制代码

  • Linux下mysql的root密码修改方法

    前言 在服务部署在mysql上应该有好几个月了,因为现在的工作基本都在终端,因此很少登陆,今天要修改个东西,忽然发现我竟然已经彻底忘记了mysql的密码,去代码里面爬终于找到了业务数据库的密码,但是root密码还是没有找到,权限没法改呀,于是开始爬坑之旅,估计以后还会遇到,就整理记录一下.需要的朋友们一起来看看吧. 系统参数 服务器 $ cat /proc/version Linux version 4.8.3-x86_64-linode76 (maker@build) (gcc version

  • Wordpress ThickBox 添加“查看原图”效果代码

    Wordpress ThickBox 添加“查看原图”效果代码

    在 wp-includes/js/thickbox/thickbox.js 大概39行的function tb_show(caption, url, imageGroup)中,添加如下行(粗体红色字代表新添加的代码) 复制代码 代码如下: function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox link try { /// 代码省略... TB_NextHTM

  • python tkinter GUI绘制,以及点击更新显示图片代码

    tkinter 绘制GUI简单明了,制作一些简单的GUI足够,目前遇到的一个问题是不能同时排列显示多幅图片(目前没找到同时显示解决方法), 退而求其次,改成增加一个update按钮,每次点下按钮自动更新图片,注释掉的部分是原来的内核包,替换成自己的程序即可 import tkinter as tk from tkinter import * from tkinter import ttk from urllib.request import urlopen from PIL import Ima

  • 基于JS实现点击图片在弹出层显示大图效果

    基于JS实现点击图片在弹出层显示大图效果

    Javascript是个好东西. Jquery是基于这个好东西的一个强大的库. 今天要实现的功能是基于这两个玩意儿的. 点击图片,在弹出层显示原图. 大概效果是这样的: 上代码: 先是html部分: <div style="text-align:center;margin-top:200px;"> <img src="https://guanchao.site/uploads/atricle/5db3a72e49efd.jpeg" alt=&quo

  • Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码

    使用Bootstrap导航条组件时,如果你的导航条带有下拉菜单,那么这个带下拉菜单的导航在点击时只会浮出下拉菜单,它本身的href属性会失效,也就是失去了超链接功能,这并不是我想要的,我希望导航条的链接可以正常打开它的链接,但又需要下拉菜单功能,开始折腾~ 首先解决带下拉菜单的导航条可以点击问题,下拉菜单效果是JS实现的,分析bootstrap.js文件发现,Bootstrap把下拉菜单写成了一个JQuery插件,在dropdown代码段中找到了关键的几句: // APPLY TO STANDA

随机推荐