Как отключить щелчок правой кнопкой мыши на изображениях лайтбокса? - PullRequest
2 голосов
/ 09 февраля 2012

Я использую модуль Drupal6 lightbox2 Я уже отключил щелчок правой кнопкой мыши на изображениях на моем сайте. Но мой клиент попросил меня отключить правый клик на изображениях лайтбокса тоже. И он сказал мне, чтобы не наносить водяные знаки на изображения. Я попытался, добавив скрипт в js-файл лайтбокса, но он не работает.

Я добавил oncontextmenu = "return false" к тегу изображения в js-файле лайтбокса, но он отключил правый клик по всему сайту.

Так кто-нибудь может мне помочь в этом?

Заранее спасибо.

Ответы [ 5 ]

3 голосов
/ 09 февраля 2012

Извините, я знаю, что вам не нравится этот ответ, но вам нужно обучить своего клиента, а не просто делать такие вещи. Скажите ему, что более важно дать пользователю хороший опыт, чем псевдо-защита изображений. Кроме того, на самом деле невозможно , вы можете запретить пользователям сохранять изображения с веб-страницы. И так оно и должно быть.

2 голосов
/ 09 февраля 2012

Предполагая, что все изображения имеют определенный класс, вы можете сделать что-то вроде этого:

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

http://jsfiddle.net/2GmLf/

EDIT Посмотрите на этот пример, используя Colorbox . Я использовал Firebug для определения класса, который плагин применяет к изображениям, который в данном случае cboxPhoto.

Также изменил bind на live .

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

0 голосов
/ 10 августа 2017
(function($){
    $(document).on('contextmenu', 'img', function() {
        return false;
    })
})(jQuery);

при открытии всплывающего окна отключает щелчок правой кнопкой мыши на изображениях

0 голосов
/ 28 декабря 2016

попробуйте это ...

Добавьте этот атрибут в свой внутренний тег img. oncontextmenu = "return false"

Как это:

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

Надеюсь, тебе нужна помощь

С уважением.

0 голосов
/ 09 февраля 2012

Попробуйте

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

Вот рабочая скрипка: http://jsfiddle.net/NRW2H/;

...