我的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"> </a>
<a href="image3.jpg" rel="fancybox-1460"> </a>
<a href="image4.jpg" rel="fancybox-1460"> </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
非常感谢您的时间和帮助。
答案 0 :(得分:0)
您可以调整您的fancybox脚本,将图像用作背景,并将其链接到您想要的链接。
像这样......<a href="http://www.visualise.ca/#1460" id="1460" style="background: url('image1-thumbnail.jpg');"></a>
这样就不会显示“复制图像位置”,“复制链接位置”将复制您想要的URL。
或者
您可以使用javascript进行追踪 右键单击,隐藏 上下文菜单并复制位置 进入剪贴板并贴心 用户关于它。 (用户不太友好)
最后一个选项是提供一个按钮 像“复制图像URL”中的那个 单击将复制URL到 剪贴板。