如何禁用右键单击灯箱图像？

Question

我正在使用Drupal6 lightbox2模块 我已经禁用右键单击我站点中的图像。 但是我的客户要求我禁用右键点击灯箱图片。 他告诉我不要给图像添加水印。 我尝试将脚本添加到lightbox js文件中，但它不起作用。

我添加了oncontextmenu =＆＃34;返回false＆＃34;到灯箱js文件中的图像标签但是 它禁用了整个网站的右键单击。

所以有人可以帮助我吗？

提前致谢。

Answer 1

抱歉，我知道您不喜欢这个答案，但您需要教育您的客户，而不是仅仅做这些事情。告诉他，为用户提供比psudo保护图像更好的体验更重要。此外，确实无法阻止用户从网页保存图像。这就是应该的样子。

Answer 2

假设所有图像都有特定的类，你可以这样做：

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

http://jsfiddle.net/2GmLf/

修改 使用Colorbox查看此示例。 我使用Firebug来识别插件在图像中应用的类，在本例中为cboxPhoto。

同时将bind更改为live。

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

Answer 3

尝试

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

这是一个工作小提琴：http://jsfiddle.net/NRW2H/;

Answer 4

试试这个......

在img标签内部灯箱中添加此属性。     oncontextmenu =＆＃34;返回false＆＃34;

像这样：

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

我希望对你有所帮助

最好的问候。

Answer 5

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

当灯箱弹出打开时，禁用右键单击图像