Picture protection

**Ubernoober** · 07-13-2005, 04:26 AM

First off, lemme say "Woot!" on my first post...~coughs~ Now that that is out of the way, my question is this- I have some pictures that I don't want copied, as they are original drawings.I have a script to block the right click on my picture webpage, but I noticed that CTRL+C works, as well as the little 4 item save/print/send/email box is still there....is there any way to block these? The most important is the box to me, as alot of average users never think to use the CTRL+C option, and if they do, they can probably get it anyway. Any help would be greatly appreciated.

**codejunkie** · 07-13-2005, 05:11 AM

this sounds stupid but its the best and probably the easiest way i could think of, use the image as a link and put the destination the same page so its a constant loop. you can do this by:

Code:

<a href="name_of_page.html"><img src="picture_url.jpg"></a>

**Twey** · 07-13-2005, 06:12 AM

You can use
<meta http-equiv="imagetoolbar" content="no" />
in your <head> to disable the image toolbar in IE.
However, it's impossible to do what you ask. If the user can see the images, they've already been downloaded; all s/he has to do is check his/her browser cache. I suggest watermarking them in some way. See here. This can be achieved in many popular photo editing suites (Photoshop, the GIMP).

**IanMarlowe** · 07-13-2005, 06:24 AM

any way to do that with css, so you don't have to add it to all your web-pages?

**Twey** · 07-13-2005, 06:28 AM

No.
The <meta> tag is an HTML element. You cannot add an HTML element via CSS - CSS merely controls how existing HTML elements are displayed.
You could do it in JavaScript.

**IanMarlowe** · 07-13-2005, 06:34 AM

how can you? but i would like universal changes easily done

I'm lazy

**Twey** · 07-13-2005, 06:42 AM

In an ECMAScript included in the <head>, add

Code:

document.write('<meta http-equiv="imagetoolbar" content="no" />');

If you don't already have a script included in your <head>s, you might as well add the meta tag rather than adding one.

**IanMarlowe** · 07-13-2005, 06:54 AM

and the no-rightclick script is? I forgot

**Ubernoober** · 07-13-2005, 03:54 PM

Thanks for all the feedback....I really appreciate the help. The actual one I used was the <meta http-equiv="imagetoolbar" content="no" /> and it worked like a charm. @ Ian, the no right click script can be found here on the site-
http://www.dynamicdrive.com./dynamicindex9/index.html
Dynamic drive rocks.

**TheBigT** · 07-14-2005, 03:36 AM

unless the person goes into the source code and scrolls down you can use this. I use this on some of my pages. I will most likely never remove that transparent 1px image but if I do you should save it to your own server. This pretty much just covers the entire page with a transparent image so if they try to save or copy the image they get the transparent one.

Code:
















































<html>
<head>
<meta http-equiv="imagetoolbar" content="no" />
</head>
<body style="margin: 0px; padding: 0px;">
<div style=" position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;z-index: 0;">
TYPE ALL OF YOUR BODY CONTENT HERE<br>
Use this for all of your images
&lt;a href=&quot;name_of_page.html&quot;&gt;&lt;img src=&quot;picture_url.jpg&quot;&gt;&lt;/a&gt; 
and give the destination url as the same page that way it keeps reloading
</div>
<div style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1;">
<img src="transparent.gif" style="width: 100%; height: 100%;">
</div>
</body>
</html>

Thread: Picture protection

Thread Tools

Search Thread

Picture protection

Bookmarks

Bookmarks

Posting Permissions