2012-02-09 75 views
1

我正在使用Drupal6 lightbox2模塊 已禁用鼠標右鍵單擊我的網站上的圖像。 但我的客戶要求我也禁用右鍵點擊燈箱圖片。 他告訴我不要水印圖像。 我試圖通過將腳本添加到lightbox js文件,但它不起作用。如何禁用右鍵點擊燈箱圖片?

我將oncontextmenu =「return false」添加到lightbox js文件中的圖像標記,但是 它禁用了整個網站的右鍵單擊。

有人能幫我嗎?

在此先感謝。

+0

右鍵總是發佈您的代碼=) 它更容易幫助你,如果你發佈你的代碼。 – 2012-02-09 11:23:35

+0

@ Alex.I'm在我的page.tpl文件中使用這個腳本。 – Ranjani 2012-02-09 12:33:52

+0

@ Alex.I'm在我的page.tpl文件中使用此腳本 Ranjani 2012-02-09 12:39:35

回答

3

對不起,我知道你不喜歡那個答案,但你需要教育你的客戶而不是僅僅做這樣的事情。告訴他,給用戶一個比psudo更好的體驗 - 保護圖像更重要。此外,真的是沒有辦法你可以防止用戶從網頁上保存圖像。這就是它應該的方式。

+0

ACTA將爲您排序... – realshadow 2012-02-09 10:26:09

+0

@Rudolph。我已經告訴我的客戶,但他只是想禁用右鍵單擊燈箱圖片..將再次嘗試一次。 – Ranjani 2012-02-09 11:09:30

0

嘗試

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

這裏的工作小提琴:http://jsfiddle.net/NRW2H/;

+0

@ Frank.I也試過這個代碼,弗蘭克。 – Ranjani 2012-02-09 11:10:54

+0

@ Frank.But不起作用。是的,圖像是動態加載的。 – Ranjani 2012-02-09 11:23:00

+0

@Ranjani更新了答案 – 2012-02-09 11:30:44

2

假設所有的圖像有特定的類,你可以做這樣的事情:

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

http://jsfiddle.net/2GmLf/

編輯 看看使用Colorbox這個例子。 我使用Firebug來識別該插件在圖像中應用的類,在這種情況下,該圖像是cboxPhoto

還將bind更改爲live

http://jsfiddle.net/2GmLf/2/

+0

@ Alex.My燈箱圖片div id是LightboxImage.Hence我用這個代碼在燈箱js文件中。右鍵沒有被禁用。 ('#lightboxImage')。bind(「contextmenu」,function(e){ return false; }); – Ranjani 2012-02-09 11:52:14

+0

@ Alex.When我使用這段代碼的圖像不顯示在燈箱istead它是在一個nes選項卡中打開..我喜歡任何錯誤????('#lightboxImage')。live(「contextmenu」,function( e){ console.log(e); return false; }); – Ranjani 2012-02-09 12:18:10

+0

好的。你使用的是什麼燈箱插件?燈箱的代碼在哪裏? (編輯你的問題,不要發表評論)。 – 2012-02-09 13:02:13

0

試試這個...

在img標籤內收藏夾加入此屬性。 oncontextmenu = 「返回false」

像這樣:

<div> // lightbox container 
// others div's 
<img src="..." "alt="..." oncontextmenu="return false" > 

我希望可以幫助您需要

最好的問候。

0
(function($){ 
    $(document).on('contextmenu', 'img', function() { 
     return false; 
    }) 
})(jQuery); 

當燈箱彈出打開此禁用圖像