[SOLVED] Toolbox: Photo Gallery - Prevent Image Download

[AliGW]

On a desktop in a browser, the right-click option to download images is disabled by default, but this is not the case in a mobile browser (I am using Firefox for both, but testers have told me it's the same in other mobile browsers). This site is for a camera club, so we'll want the same on mobile as on desktop, but how? I am talking about the thumbnail images in the gallery, nut the ones in the lightbox.

CAVEAT: We know that you can't completely prevent image download, but we don't want to make it as easy as long pressing the image and being offered download as an option!

Thanks.

[Pablo]

The context menu is a browser feature, it is not something that is added or controlled by WWB.
But you can try to disable the context menu via JavaScript -> Ready-to-use-JavaScript->disable right click

[AliGW]

That works on a desktop, but not on a mobile phone, sadly.

Is there any code that I can add to the object?

[AliGW]

I found this, but I don't seem to be able to make the CSS snippet work: https://additionalknowledge.com/2024/08 ... ri-chrome/

[AliGW]

This seems to be what's needed, but I don't know where to put it. Does anyone know?

Code: Select all

body {
  -webkit-touch-callout: none;
}

Thanks.

[Pablo]

You can put it in Page HTML, between head tags

Code: Select all

<style>
body {
  -webkit-touch-callout: none;
}
</style>

[AliGW]

Perfect - thanks, Pablo!

[joseluz]

Hi.
Advanced users know many methods to disable the download, but for me, the following script worked to disable it on both PC and mobile, Put this script in the HTML between head and head:
<script>
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
});
</script>

[AliGW]

Thanks for this. The issue is already resolved, but this may help someone else.

By the way, you need code tags, not script tags.