Even though my images are now displayed by Javascript, you can still pull them easily on your desktop.

This website of a photographer in Chicago (I'm in Los Angeles) also uses Javascript, but his images are protected from being pulled off the page.

You can't even highlight and copy text.

How do you do that? I suppose it has something to do with Javascript.

As I'm a photographer who wants to protect his work as good as possible (it's registered with the library of congress, but, anyway) I'd be grateful if you could tell me how to do this.

place an absolutely positioned element over the top of the images with a 1x1 px (stretched) transparent gif in it.

Thank you, Chris!

Just that I don't misunderstand: I do this in CSS, not in Javascript.

I use a tiny, tiny gif of the size 1 by 1 pixel. I set it to transparent.

I use absolute positioning and use a high z-index to make sure it's on top (or place the image above the div for the photo in my HTML.

Additional question: as my images are not all of the same size - is it enough to place it "somewhere in the center"?

It needs to match the size of the image container. Ideally you should be setting sizes on your images anyway.
On the rare occasions I've needed to I set the real image as background to an element then overlay the transparent gif sized to fill the container.

With "its container", do you mean the div? Or does this transparent gif have to match the image it covers?

I'm a bit confused by this 1x1 px size. I thought it was just a token transparent gif.

It is a "token size" you just "tell it" to be whatever size you need. doesn't really matter if you "stretch" it to 800x600 it will still be only the same size in bytes.

or you can set as background of the overlayed element.

any thing in JS is easily deteated (obviously the images can be referenced directly from the source code if they are determined, but it stops the casual ones.

If you are still puzzled I'll do a demo later (cos it's the wrong side of midnight here )

I would not really bother with these methods. Anybody with some good knowledge can easily take your image

Still keen to learn? check out this article http://www.naturefocused.com/article...rotection.html

Are you seeking to implement a method to prevent the right-click > save-as process?

Because if implemented, you're also preventing anyone from viewing the properties of that image. Which you may be ok with. In my experience, disabling the right-click context menu to prevent save as was more trouble than its worth, from a user experience perspective.

Moreover, you're really not able to prevent the download of your images. If they're online, they're downloadable. If i can view your images in my browser, then simply by way of how browsers work, they've already been downloaded to my local system.

Originally Posted by chrishirst

If you are still puzzled I'll do a demo later (cos it's the wrong side of midnight here )

I'd appreciate that.

I'm really a Javascript greenhorn.

Originally Posted by webcosmo

I would not really bother with these methods. Anybody with some good knowledge can easily take your image

Still keen to learn? check out this article http://www.naturefocused.com/article...rotection.html

It's protection against casual users.

Against the knowledgeable ones I am sure that I don't post images larger than 700x460, and this at 120ppi. Great for internet viewing, but if you want to print it, you'd get something very, very small.

For my Myspace account that I'm going to open (every photographer needs one), I'm going to put a larger watermark over the image.