帶有圖像生成的JQuery Loupe工具
[英]JQuery Loupe Tool with Image Protextion
問題描述
我為一家公司工作，該公司希望在我們網站上的大圖片上使用放大鏡工具，但也希望加入一些圖片保護功能（意識到沒有任何工作量會阻止某人抓取圖片）。
我遇到了兩個非常好的開源腳本，它們分別進行，但是不想一起工作。
圖像放大鏡腳本： http : //jdbartlett.com/loupe/
映像保護腳本： http : //davidwalsh.name/image-protector-plugin-for-jquery
放大鏡工具的工作原理是，將較大的圖像鏈接到較小的“縮略圖”，然后通過JavaScript修改CSS，以在正方形內部創建“縮放”效果。
圖像保護工具通過絕對定位在圖像頂部覆蓋空白.gif來工作。
我的問題是，有沒有辦法將兩者結合起來？ 我撓頭，因為我認為使用此放大鏡工具無法在.gif上進行疊加，並且仍然允許與放大鏡工具進行交互。
任何幫助將不勝感激！
2 個解決方案
解決方案1
0 2011-09-22 18:09:34
我只需要使用放大鏡js，並使除主機之外的所有用戶都無法訪問該目錄（包含大圖像）。
至於您鏈接的圖像保護腳本，我不會理會。 只需要快速調整瀏覽器窗口的大小即可獲取文件。 失敗！
解決方案2
0 2011-09-23 20:54:07
作為更新，我最終使用其他兩種方法的組合來基本上阻止大多數人拍攝圖像（再次，我知道完全抑制人是不可能的）。
我要做的第一件事是禁止使用以下內容拖拽網頁：
<body ondragstart="return false">
然后，我用一小段javascript禁止右鍵單擊圖像：
$('img').bind("contextmenu",function(){ return false; });
這是一個簡單的修復程序，可能會阻止大量用戶竊取我的珍貴圖像！ :-)
如何將放大鏡jQuery圖像放大鏡添加到放大的fancybox彈出圖像？
[英]How can I add the loupe jQuery image magnifier to enlarged fancybox popup image?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.