Another way to protect images

[Terminator1138]

<!-- Protect Image script created with Webmaster Tools by Blue Valley Design (http://www.bluevalleydesign.net). Do not remove this! -->

<span style="background-image: url(images/my_image.jpg)"><img src="images/transparent.gif" width="200" height="150" border="0" alt="My protected Image."></span>


When the person right clicks on image, they get a copy of the transparent gif only. It only deters a person but its a good way to to prevent most. Any opinions. Please leave commented field intact if you use.

For those who don't know this one, here is the no right click code, but many can work around this one.

<script LANGUAGE="JavaScript">
<!--
function click() {
if (event.button==2) {
alert('Right Click Option Not Available!');
}
}
document.onmousedown=click
// -->
</script>

[Nadine]

Does the transparent gif have to be the same size as the image which is used for the background? I have a lot of different sized images and making a transparanent gif in each size could be major. Download time could add up if I use a lot, also. I tried a gif which is larger than my jpeg and the edges of the jpeg aren' right. I don't like the idea of making my jpegs all the same size, but I could get them more consistant than they are now. Thanks, Nadine

[Terminator1138]

The gif does not need to be same size since the top file is src file and background it bottom....let me know if it works for you.

[DanThMan]

This is the only norightclick script that really works.
You can't override this one!

As far as I know, you can't show an alert message!
If my memory serves me well, rightclick with shift pressed down
will get you the rightclick menu!

This one most of you will already know about, but I'll throw
it in for the newbies ;)

This is to turn off the image toolbar in IE!
Goes into your headsection ( yeah, right ) :p
<meta http-equiv="imagetoolbar" content="no" />

Term...
I'll test your trick later on..

:cheers:




function clickIE() {
if (document.all) {
return false;
}
}
function clickNS(e) {
if (document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS;
}
else{
document.onmouseup=clickNS;
document.oncontextmenu=clickIE;
}
document.oncontextmenu=new Function("return false")

{

[Terminator1138]

but I will point out that its javascript so it can be disabled right? Or is it hidden somehow?

[DanThMan]

but I will point out that its javascript so it can be disabled right? Or is it hidden somehow?

Yes, it's javascript and as such it can be disabled!
With javascript enabled though..
"my" script can't be overridden, which helps to complicate things a lttle bit.

I hope you had a great christmas and that the new year will be your best ever!

:cheers:

[Terminator1138]

You know many disable scripts, but I just wonder how many general users have it enabled. I hve it enabled and enjoy some site wiht scripts running.They have there place and sometimes you get a better f/x with them running.

[Nadine]

The gif does not need to be same size since the top file is src file and background it bottom....let me know if it works for you.

It did work for me, I was trying to put a border on the transparent gif, which caused my problems. Since I am using one .gif to cover each .jpg is it going to cause much of a increase in my download time. A lot of my viewers have dial-up.

My trial home page where I've included the transparent gif is http://www.nadinelmeade.com/index1.html

Thank you, Nadine

[bigdawg]

It did work for me, I was trying to put a border on the transparent gif, which caused my problems. Since I am using one .gif to cover each .jpg is it going to cause much of a increase in my download time. A lot of my viewers have dial-up.

My trial home page where I've included the transparent gif is http://www.nadinelmeade.com/index1.html

Thank you, Nadine


Little confused as there pics show up just fine when you right clck, I was expecting the transparent gif ?????

[Terminator1138]

Site looks a bit off,. ya no border on transparent gifs.......images not showing up and homepage vs index one page looks off.....

[Nadine]

I should have changed one thing at a time instead of trying to add the Protect Image script, make it validate, and work on my css. I didn't word my last message clearly, should have said something like, "I was trying to put a border on the transparent gif (tsp.gif) and then decided not to, and went in with Paint Shop Pro and added a drop shadow on the each jpg instead. This took care of my problem with the edges of the jpgs looking funny. (When I gave the tsp.gif the size of the jpg under it, then added a border, it made my background image start to repeat because it increased the size of the gif, but not the jpg.)"

When I look at it my images all display and right click gets the tsp.gif. Sounds like this isn't anything like what is displaying for everyone else. (I realize that my css (in Netscape) has moved the coloring book image over to the left some and the two horse paintings aren't side by side, I still have to figure out how to make that right.)

I went in and put 4 screen captures on http://www.nadinelmeade.com/index1.html (index1) of what the images look like for me, (down at the bottom of the page) incase this helps.

Thanks for all the help, Nadine

[dabbler]

None of the pictures show up for me in Firefox, although they do in IE6. The transparent gif works OK in IE.

I guess it is still something to do with quirks mode for IE and the box model problem with it.

[bigdawg]

Pictures show up for me in Firefox.

I came across a site that had the most difficult pics to get. Now this came as a surprise to me because I tried to do a simple right click which works in FF most the time but it did not. I disabled JS, still nothing, then I looked at the code and it seemed like the closet thing to the transparent gif thing here. It was different though but what it did was swap a 1x1 px gif for each jpeg, even using the exact file name it would swap the jpeg for a gif.

I have to admit that I have never come across a pic that I could not get so about three minutes later I got it. Now I have to say on my behalf that I only wanted to see if I could get it, not that I would use it and was deleted. In fact I do not want to post the url although I may because IMO it was the best job that I have seen of trying to protect images and would bet that it would prevent many savvy users.

I did not disect the code completely but admit I was baffled at first.

[Terminator1138]

I would like to know for reference BD....PM if you dont want to post it...

[bigdawg]

I would like to know for reference BD....PM if you dont want to post it...


I thought it would peak your curiosity, I will send the link.

[Dubzero]

doesn't work u always can make an srceenshot

[Terminator1138]

Yes, I never stated its one hundred percent effective. Yes screenshots can be taken.....its just a few messures that might help.

[johnb]

You don't need a different transparent gif for each jpg picture. I have set up a transparent gif, size 1px by 1 px, and force the height/width parameters every time I use it (mostly for convenient spacing between images etc., and to compensate for the differences between IE and Firefox).

So, small file to download, change size parameters for each jpg to be 'covered'.

[PsychoticDude85]

it is still easy to get around but it should discourage some rippers :) i dont like the javascript things though they tend to get on my nerves...

[Terminator1138]

You don't need a different transparent gif for each jpg picture. I have set up a transparent gif, size 1px by 1 px, and force the height/width parameters every time I use it (mostly for convenient spacing between images etc., and to compensate for the differences between IE and Firefox).

So, small file to download, change size parameters for each jpg to be 'covered'.
not sure what you are talking about...using gifs for nudging layouts or for image protection

This is aways a way around getting images. Yes javascript can annoy, but I find php very effective. Plus to aid in special pics you can always watermark them.

[PsychoticDude85]

watermarks arent best i find, i know loads of people who can remove them easily enough, i say if you are doing one you dont want people to steal save it low quality and high quality, show the high quality image only when you have to until then use the low quality one.

[Terminator1138]

are you talking about digital watermarks or printed ones?

[PsychoticDude85]

digital, save it as a low quality jpeg and you can still see it but it would not be ripped, if they did they would have a rubbish image and you can prove yours is the original when they cant make their the same quality as yours.

[Terminator1138]

ya....I agree there, I was talking about digital watermarks..., I don't care for them...expensive service also. The ones I'm talking about is physical overlay on the image..like wording etc...

[Pelican]

If you want to protect the images stored on the server and in cache, consider using encrypted images that are displayed in a security applet. I'm surprised the option is not mentioned here because its been available since 1998.

If you want to further protect images from screen capture and printscreen, that solution is also available.

Of course there are workarounds to these solutions, but they have been the most secure solutions available since 1998 and it doesn't get better... no-one has comparable solutions despite their claims to the contrary.

Banks and online surveys use these solutions and they are the best available!

Want to know more?

See their demo site at LINK REMOVED

[Terminator1138]

Do I get a refund if I can find away to get images? Hmm, sounds like a clever ad to me, but I will say this, what if the person does not allow applets? Then you just dont get to see the images right?

[Suzy]

These are some useful tips for images. It seems everyone either steals content or hotlinks these days, It is bothersome sometimes.

[Pelican]

Safe from all screen capture?

Sounds like a big statement in light of the variables, but I was impressed with this one... the latest version of CopySafe is safe from ALL capture software.

See for yourself at .LINK REMOVED

Link removed...you posted this already before and now just leads me to think you are indeed spamming your program. I however will not ban you just yet, but you are warned. Not only that this section is for free shared stuff not to post commercial software in. Thank you.

[DCElliott]

Just a note - Pelican's email is **@artistscope.net, the makers of CopySafe.