Custom JS and Fancybox

[HAIRWEBSHOP]

Hello,

 

I try to discourage using our edited product images by blocking right-click and dragging.

To do this, I've added the following custom javascript.

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


$('img').on('dragstart', function(event) { event.preventDefault(); });

However, when the user clicks on the image to enlarge using a fancybox, it does block them anymore.
How can I prevent users from right-clicking and dragging images inside prestashop default-theme fancybox?

 

Thank you in advance!

[Daresh]

If someone wants to steal your images he can very easily display all resources or use the browser inspector to find links so it makes no sense to block right click.

[HAIRWEBSHOP]

Hello Daresh, and thank you kindly for your reply.

 

Yes, you're absolutely right.
Displaying recources is easy for us, but most people don't know that.

 

It's just an extra step. 

Edited July 19, 2016 by HAIRWEBSHOP (see edit history)