我在一家公司工作,想在我们网站上的大图像上使用放大镜工具,但也希望加入一些图像保护(意识到没有多少工作会阻止某人阻止图像)。
我遇到了两个非常棒的开源脚本,它们单独执行这些操作,但不想一起工作。
图像放大镜脚本:http://jdbartlett.com/loupe/
图像保护脚本:http://davidwalsh.name/image-protector-plugin-for-jquery
放大镜工具的工作原理是将较大的图像链接到较小的“缩略图”,并通过javascript修改CSS以在正方形内创建“缩放”效果。
图像保护工具通过绝对定位在图像顶部覆盖空白.gif来工作。
我的问题是,有没有办法将两者合并?我正在摸不着头脑,因为我不认为使用这个放大镜工具可以覆盖.gif并仍然允许与放大镜工具进行交互。
非常感谢任何帮助!
答案 0 :(得分:0)
我只是使用放大镜js并使除了主机之外的所有人都无法访问目录(包含大图像)。
至于您链接的图像保护脚本,我不打扰它。所需要的只是快速调整浏览器窗口大小以获取文件。 FAIL!
答案 1 :(得分:0)
作为更新,我最终使用了另外两种方法的组合来基本上阻止大多数人拍摄图像(再次,我知道不可能完全抑制人们)。
我做的第一件事是禁止使用以下方式拖动网页:
<body ondragstart="return false">
然后,我使用了一段javascript来禁止右键单击图像:
$('img').bind("contextmenu",function(){
return false;
});
这是一个简单的修复,可能会阻止大部分人偷走我珍贵的图像! : - )