NivoSlider - Отключить правый щелчок

Question

Мне было предложено отключить правые клики на веб-сайте, я сообщил им, что существует так много способов, которыми люди могут загружать изображения через Google Images, Cache, Firebug и т. Д. и т. д., но тем не менее мои аргументы проигнорированы, и они настаивают, что это должно быть сделано.

Любой, я поставил нижний колонтитул код, который отключает щелчок правой кнопкой мыши по всем элементам, используя <IMG src="">, что не работает на NivoSlider, я изменил сценарий на использование нагрузки окна при отключении правого щелчка, который работает, но после слайда1 он перестает работать, и я полагаю, что это связано с изменениями в DOM.

JavaScript, безусловно, является моим самым слабым местом, и я надеюсь, что кто-то без особых проблем может дать мне полное рабочее решение или что-то еще. Заранее спасибо.

Они используют NivoSlider со следующим триггером:

<script type="text/javascript"> 
    (function($) { 
     $(window).load(function() { 
      $('#slider').nivoSlider(); 
     }); 
    })(jQuery); 
</script> 

И это код, который я поместил в сноске, что не работает на Slide2 +

<script> 
    $(window).load(function() { 
     $('img').bind('contextmenu', function(e) { 
      return false; 
     }); 
    }); 
</script> 

Answer 1

Вы абсолютно правы с изменениями DOM. Вам необходимо делегировать событие родительскому элементу.

Попробуйте что-то вроде этого:

$('#slider').delegate('img', 'contextmenu', function(e) { 
    return false; 
}); 

Или это при использовании JQuery> 1.7:

$('#slider').on('contextmenu', 'img', function(e) { 
    return false; 
}); 

Answer 2

Вы можете быть в состоянии для этого, не допуская по умолчанию правильное нажатие на изображение.

Смотрите этот ответ: How to distinguish between left and right mouse click with jQuery