我在一家公司工作,该公司希望在我们网站上的较大图像上使用放大镜工具,但也希望加入一些图像保护(意识到再多的工作也不会阻止某人抓取图像)。
我遇到了两个非常棒的开源脚本,它们单独完成这些任务,但不想一起工作。
图像放大镜脚本:http://jdbartlett.com/loupe/
图像保护脚本:http://davidwalsh.name/image-protector-plugin-for-jquery
放大镜工具的工作原理是将较大的图像链接到较小的“缩略图”,并通过javascript修改CSS以在正方形内创建“缩放”效果。
图像保护工具的工作原理是通过绝对定位在图像顶部覆盖一个空白.gif。
我的问题是,有没有办法将两者结合起来?我在挠头,因为我不认为使用这个放大镜工具可以在.gif上叠加,同时仍然允许与放大镜工具进行交互。
任何帮助都将不胜感激!
发布于 2011-09-23 02:09:35
我只需使用loupe js并使目录(包含大图)对主机以外的所有人都不可访问。
至于你链接的图像保护脚本,我不会为它费心的。只需快速调整浏览器窗口的大小即可获得该文件。失败!
发布于 2011-09-24 04:54:08
作为更新,我最终使用了另外两种方法的组合,基本上阻止了大多数人拍摄图像(同样,我知道完全阻止人们是不可能的)。
我做的第一件事是通过使用以下命令来禁止在网页上拖动:
<body ondragstart="return false">
然后,我使用了一段javascript代码来禁止右击图片:
$('img').bind("contextmenu",function(){ return false; });
这是一个简单的修复,可能会防止大量的人窃取我宝贵的图像!:-)
https://stackoverflow.com/questions/7518968
复制相似问题