首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >带有图像配置的JQuery放大镜工具

带有图像配置的JQuery放大镜工具
EN

Stack Overflow用户
提问于 2011-09-23 01:30:11
回答 2查看 913关注 0票数 1

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

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

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

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

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

图像保护工具的工作原理是通过绝对定位在图像顶部覆盖一个空白.gif。

我的问题是,有没有办法将两者结合起来?我在挠头,因为我不认为使用这个放大镜工具可以在.gif上叠加,同时仍然允许与放大镜工具进行交互。

任何帮助都将不胜感激!

EN

回答 2

Stack Overflow用户

发布于 2011-09-23 02:09:35

我只需使用loupe js并使目录(包含大图)对主机以外的所有人都不可访问。

至于你链接的图像保护脚本,我不会为它费心的。只需快速调整浏览器窗口的大小即可获得该文件。失败!

票数 0
EN

Stack Overflow用户

发布于 2011-09-24 04:54:08

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

我做的第一件事是通过使用以下命令来禁止在网页上拖动:

<body ondragstart="return false">

然后,我使用了一段javascript代码来禁止右击图片:

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

这是一个简单的修复,可能会防止大量的人窃取我宝贵的图像!:-)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7518968

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档