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

How to disable right click on lightbox images?

本文关键字：图像 单击 何禁用 右键      更新时间：2023-09-26

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

我在lightbox js文件中的图像标记中添加了oncontextmenu="return false"，但是它禁用了整个站点的右键单击。

有人能帮我吗？

提前谢谢。

对不起，我知道你不喜欢这个答案，但你需要教育你的客户，而不仅仅是做这样的事情。告诉他，给用户一个良好的体验比psudo保护图像更重要。此外，确实没有办法阻止用户保存网页中的图像。这就是它应该有的样子。

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

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

http://jsfiddle.net/2GmLf/

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

也改变了生活的束缚。

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

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

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

尝试

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

这是一把正在工作的小提琴：http://jsfiddle.net/NRW2H/；

试试这个。。。

将此属性添加到img标记内部灯箱中。oncontextmenu="return false"

像这样：

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

我希望能帮助你需要

致以最良好的问候。

相关文章：