带图像保护的JQuery放大镜工具

时间:2011-09-22 17:30:11

标签: jquery image protection loupe

我在一家公司工作,想在我们网站上的大图像上使用放大镜工具,但也希望加入一些图像保护(意识到没有多少工作会阻止某人阻止图像)。

我遇到了两个非常棒的开源脚本,它们单独执行这些操作,但不想一起工作。

图像放大镜脚本:http://jdbartlett.com/loupe/

图像保护脚本:http://davidwalsh.name/image-protector-plugin-for-jquery

放大镜工具的工作原理是将较大的图像链接到较小的“缩略图”,并通过javascript修改CSS以在正方形内创建“缩放”效果。

图像保护工具通过绝对定位在图像顶部覆盖空白.gif来工作。

我的问题是,有没有办法将两者合并?我正在摸不着头脑,因为我不认为使用这个放大镜工具可以覆盖.gif并仍然允许与放大镜工具进行交互。

非常感谢任何帮助!

2 个答案:

答案 0 :(得分:0)

我只是使用放大镜js并使除了主机之外的所有人都无法访问目录(包含大图像)。

至于您链接的图像保护脚本,我不打扰它。所需要的只是快速调整浏览器窗口大小以获取文件。 FAIL!

答案 1 :(得分:0)

作为更新,我最终使用了另外两种方法的组合来基本上阻止大多数人拍摄图像(再次,我知道不可能完全抑制人们)。

我做的第一件事是禁止使用以下方式拖动网页:

<body ondragstart="return false">

然后,我使用了一段javascript来禁止右键单击图像:

$('img').bind("contextmenu",function(){ return false; });

这是一个简单的修复,可能会阻止大部分人偷走我珍贵的图像! : - )