PDA

View Full Version : Photos and right clicking




rocko918
Nov 17, 2004, 12:48 PM
I was wondering if there is a way to prevent anyone from downloading my images by right clicking on them. Other than a water mark is there a way to code it so the images are not right clickable and save as?

I could use flash but was wondering if there was another way.

Thanks for the Help!



ChicoWeb
Nov 17, 2004, 06:22 PM
Yes, take it off the internet. There are javascript apps that will not let you right click, but that is easy to get around. Bottom line, anyone can steal it. Your best bet would be to make it a back ground and place a transparent image over it. I've seen that done and it is the best way but there is always print screen, or view the source to find the image.

Phat_Pat
Nov 17, 2004, 06:27 PM
cut the image into a couple parts. That way they'll only get part of the image ;)

oaker
Nov 17, 2004, 06:28 PM
Unfortunately, if someone really wants to get your images they will. A good way to "hopefully" prevent people from stealing your work is to disable the right-Click feature, and also give them a message that might change their mind. Use this code, and you can change the alert to whatever you want.

<script language="JavaScript1.2"><!--

function right(e) {
* if (e && e.which && (e.which == 3 || e.which == 2)) return false;
* else if (window.event && (event.button == 2 || event.button == 3)) {
* * alert('Stealing people's work is wrong and unehtical, please do not use or distribute mine as your own. Thank you.');
* * return false;
* }
* return true;
}
function nocontextmenu() {
* *alert('Stealing people's work is wrong and unehtical, please do not use or distribute mine as your own. Thank you.'); return false
}
document.onmousedown=right;
if (window.captureEvents) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
document.oncontextmenu = nocontextmenu;
document.onmousedown = right;
document.onmouseup = right;

//--></script>

rocko918
Nov 17, 2004, 06:37 PM
Some great ideas here.

The javascript.. I am not good with it but i put that in the <head> right? Anything else i should do?

Thanks

oaker
Nov 17, 2004, 06:41 PM
yep, just paste it in between the <head> </head> tags and that's it.

You can edit this line to say what you want it to.

alert('Stealing people's work is wrong and unethical, please do not use or distribute mine as your own. Thank you.');

aricher
Nov 17, 2004, 06:55 PM
I like that "no stealing" script - mind if I steal it? ;)

revenuee
Nov 17, 2004, 06:57 PM
cut the image into a couple parts. That way they'll only get part of the image ;)

but you can just paste it back together

rocko918
Nov 17, 2004, 08:30 PM
yep, just paste it in between the <head> </head> tags and that's it.


Am i missing something? Does not seem to work for me. Here is the page i have it in. Does it work in Safari?

http://www.studiohbd.com/dev/illustrations/illustrations.html

chanoc
Nov 17, 2004, 09:06 PM
Am i missing something? Does not seem to work for me. Here is the page i have it in. Does it work in Safari?

http://www.studiohbd.com/dev/illustrations/illustrations.html

Heather,

I tested in Safari, and all the images right-click and download, or they drag to the desktop. Out of respect to you the images were deleted. Oh, nice resume and artwork! :)

Benjamin
Nov 17, 2004, 10:22 PM
Am i missing something? Does not seem to work for me. Here is the page i have it in. Does it work in Safari?

http://www.studiohbd.com/dev/illustrations/illustrations.html

not only does it let dragging occur as mentioned above but i doubt you can ever block it from safaris activity viewer which i was able to download the image from.

mnkeybsness
Nov 18, 2004, 07:30 AM
change this line...
<script language="JavaScript1.2"><!--
to...
<script type="text/javascript"><!--

rocko918
Nov 18, 2004, 08:01 AM
change this line...
<script language="JavaScript1.2"><!--
to...
<script type="text/javascript"><!--

That didn't do anything either.
http://www.studiohbd.com/dev/illustrations/illustrations.html

jeremy.king
Nov 18, 2004, 10:16 AM
You sure are putting a lot of effort into this when all someone has to do is view source, copy the URL to image, paste URL in the browser address bar and then do what they want with said image without any javascript protecting it.

I understand your desire to keep works your own, but the only way to do that is like Chico said. Take it off the internet.

mnkeybsness
Nov 18, 2004, 12:04 PM
You sure are putting a lot of effort into this when all someone has to do is view source, copy the URL to image, paste URL in the browser address bar and then do what they want with said image without any javascript protecting it.

That, or people who have javascript turned off can just right click it.

My suggestion is to just have low resolution images. If people try to download them or print them, they will look like crap. The current size of the images is small enough that only people extremely desperate will really print them off. If you are worried about people posting them somewhere else, you need to realize that sh-- happens. Most people will link back to your site, but not all.

wordmunger
Nov 18, 2004, 12:25 PM
You can always do a google image search for your images to see if anyone is reposting. Most people too lazy to create their own artwork are too lazy to change the filename, too.

efoto
Nov 18, 2004, 01:01 PM
I know a few professional photographers who use the small file size technique on their sites. My friend at work posts all his photos for his personal site at 320x240, which looks horrible blown up but it still *decent* enough to see online, and makes load times quite quick too :)
640x480 is pretty good too, even 800x600, but much larger than that and you get people willing to stretch things (if that bothers you). Personally, I cannot stand using an image any larger that its native size because the stretch looks horrible to me, I refuse to do it...but thats me.
320x240 size guy does this for his pee-wee league football site too so that the parents can view the images and then decide if they want prints or not. I thought initially it was too small to accurately view and decide if you want a print, but its not that bad.

oaker
Nov 18, 2004, 02:07 PM
ok, sorry about that first script...it worked locally, but did not work online. I tested this script in Safari and it works great. Use this code:
<script language=JavaScript>
<!--

var message="Stealing people's work is wrong and unethical, please do not use or distribute mine as your own. Thank you!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

rocko918
Nov 18, 2004, 02:48 PM
oaker

Thanks!! That works great!

All,
I know what you are saying but this is just a reminder not to do it. Not ever person is going to know that they can view source and find it that way. Just making it a little bit of a pain to do.

Thanks for all the comments and help.

marcfiszman
Nov 19, 2004, 12:31 AM
Currently, you can still left-click the image and drag it off.

Better to set it as a background image, I think.

zim
Nov 19, 2004, 07:03 AM
Another option would be to put the image into a protected swf, can't right click and download those. Or even better, use a swf placeholder and then a loadMovie action for importing your image.

Just remember that nothing will ever 100% protect your work. A simple screen capture will allow someone to easily defeat any image protection method. I have seen clients waste so much time and resources only for someone, me, to simply say look apple + shift + 4.. ta da! I have your image... hehe... I always love the look on their faces after that demo.

You should consider joining http://creativecommons.org/ and place a disclaimer.