Viewing Protecting your images

Protecting your images



User: Roddy 4 years ago
Inserting an empty <p> element is really not the best way to about this!

Right click can be disabled using java script but this is not desirable since many clued up vstors right click for reasons other then ripping off images.

java script can be used to specifically target right click on images only...

<script>
document.oncontextmenu = function(e){
var target = (typeof e !="undefined")? e.target: event.srcElement
if (target.tagName == "IMG" || (target.tagName == 'A' && target.firstChild.tagName == 'IMG'))
return false}
</script>

NOTE: This code must be pasted into the Footer Code box in the Page inspector to protect one page or in the one in the Site Publishing Settings page to do the same for the whole site. It must appear after all the <img> tags on the page to be effective.

Last edit 4 years ago

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Don B. 4 years ago
Yes, Roddy, you are correct but it works. As always I appreciate your input. I'll try your code the next time I edit my websites and see how well that works.

If I'm understanding you correctly the code you posted can be placed in the Footer Code Box in EverWeb on the pages where I have images I want to protect. Sounds pretty easy BUT for some reason it's not working on my website on the following page where I tried it. (http://woebgonbassets.com/shows/show-news-for-woebgon-bassets-in-2016.html) . Could the problem be that all my photos are listed in the Assets as jpg or png images?

My goal is just to make it more difficult for someone to take my image for posting on their website. A friend had that happen to her so I know it happens.

As stated in other answers the way to protect images from being stolen and printed is to make sure they are low resolution and small images. Many do not understand this.

Another question: How can we prevent images from ending up in a Google Image search or any other sesrch engines?

Last edit 4 years ago
User: Roddy 4 years ago
This forum is not good for posting code.

Remove the
and the
and the space between java and script or remove the type as it is not required under HTML5.

<script>
document.oncontextmenu = function(e){
var target = (typeof e !="undefined")? e.target: event.srcElement
if (target.tagName == "IMG" || (target.tagName == 'A' && target.firstChild.tagName == 'IMG'))
return false}
</script>

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Roddy 4 years ago
Quote:
Another question: How can we prevent images from ending up in a Google Image search or any other sesrch engines?


Better to start a new topic for a new question.

You can use a robots meta tag like this...

<meta name="robots" content="noimageindex">

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Don B. 4 years ago
Super! That works. Thank you for the QUICK response.

As suggested I started another thread for the Google Search question.

Last edit 4 years ago
User: Anthony B. 4 years ago
Hello Don B,
Thank you for the suggestion of placing an empty text box over the images. I had not thought of that one.
Placing a watermark on each image and resizing them all to 640 on the longest edge... plus your idea should keep the
thieving Chinese away from downloading my images, slow them down at least.
Regards
Anthony
User: Anthony B. 4 years ago
Hello Roddy,
Can you please give more information on how i can set up my background as you suggested in a previous posting?

"If you want a background image effect you can get away with a much smaller image file size if you use a full width, fixed height image and fix its position so that it stays stationary as the content scrolls."

Thank you
Anthony
User: Roddy 4 years ago
It really isn't a good idea to place empty text boxes over images. It is bad syntax to have empty HTML elements.

Use the method described in THIS TOPIC. The script need only be inserted into the Site Wide Footer Code box to disable right click on all the images on the site.

You should start a new topic if you want info about background images.

Last edit 4 years ago

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Anthony B. 3 years ago
I am about to start building my site after many hours of research into domain names, picture sizes, layout, and design.
Is there a way to sort out a way of scrolling the foreground and the background?
User: Roddy 3 years ago
You should really start a new topic for this.

Here's an example of a full width, fixed height image with a slide over layer for the content.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.