如何在悬停时伪造URL并右键单击(复制链接位置)而不是点击?

时间:2010-12-08 00:28:10

标签: javascript fancybox

我的website正在运行Wordpress,我使用fancybox来很好地加载图片和图片库。我的Wordpress循环输出的清理版本最终看起来像这样:

<article>
 <a href="image1.jpg" id="1460" rel="fancybox-1460"><img src="image1-thumbnail.jpg" /></a>
 <div class="nodisplay">
 <a href="image2.jpg" rel="fancybox-1460">&nbsp;</a>
 <a href="image3.jpg" rel="fancybox-1460">&nbsp;</a>
 <a href="image4.jpg" rel="fancybox-1460">&nbsp;</a>
 </div>
</article>

当用户点击image1链接时,图片库将通过fancybox启动,这很棒。我还可以提供这个画廊的直接网址:

http://www.visualise.ca/#1460

我的问题是,当人们访问我的网站时,他们有时会右键点击thumnails以复制图库的链接,他们最终会向其他人提供以下内容:

http://www.visualise.ca/image1.jpg

而不是:

http://www.visualise.ca/#1460

所以我想伪造网址以确保人们向其他人提供正确的网址(带有哈希的网址)。我必须确保在悬停时将image1.jpg的url更改为[http://www.visualise.ca/#1460] [7],然后右键单击,而不是单击本身。

我还认为javascript或jQuery代码必须在循环中完成,所以我可以使用以下内容:

<?php bloginfo('url'); ?>/#<?php the_ID(); ?>

从Wordpress获取此信息:

http://www.visualise.ca/#1460

非常感谢您的时间和帮助。

1 个答案:

答案 0 :(得分:0)

您可以调整您的fancybox脚本,将图像用作背景,并将其链接到您想要的链接。

像这样......

<a href="http://www.visualise.ca/#1460" id="1460" style="background: url('image1-thumbnail.jpg');"></a>

这样就不会显示“复制图像位置”,“复制链接位置”将复制您想要的URL。

或者

  1. 您可以使用javascript进行追踪 右键单击,隐藏 上下文菜单并复制位置 进入剪贴板并贴心 用户关于它。 (用户不太友好)

  2. 最后一个选项是提供一个按钮 像“复制图像URL”中的那个 单击将复制URL到 剪贴板。