Welcome to WebmasterWorld Guest from 126.96.36.199
Forum Moderators: phranque
I have a java (jeez, doesn't everyone?) that denies a right click som people cannot easily take my images. Sure, you can get around it... but it takes a bit of work.
Now I notice IE puts a nice little icon over images so you can easily save the image! Has anyone worked out a bit of code to get rid of that?
<meta http-equiv="imagetoolbar" content="no">
You can disable it for one or more images if you want by adding the following tag to your image:
<img src="yourimage.gif" galleryimg="no">
hope this is what you were looking for :)
It prevents the clueless from taking your images, but for my own site the people most likely to take my images are other webmasters, most of whom should know exactly how to get around it.
I should add that I don't care about people saving my images for their personal use - I only don't want the pictures up on other websites.
Also, as you pointed out, there is really no sure-fire method of preventing people from getting at your images/css/js etc. It's a fact of online life!
An almost foolproof way of saving your images from other people is to use a nice table. Set the background of the cell as the image, and use a transparent gif image in the cell iteslf, then stretch it to the size of the background.
Now, when someone right clicks your image, then 'Save As...', they get 'spacer.gif' - or whatever you call it. After hours of downloading and renaming, they have nothing but a folder ful of 1x1 gifs!
There is a work around here (as always!)... Just view the source. This can be done from the View>Source in the menu bar of IE.
However, we can still win! Insert a bit of code where you want the image to be:
print "Content-type: text/html\n\n";
print "document.write('<table><tr><td bg=\"imagefolder/Me.jpg\"><img src="spacer.gif" width="200" height="200"></td></tr></table>')";
Okay, so now the source doesn't contain the actual location of the image, nor does it allow the user to save it using a right click.
Think about it, try it, it works!
Ps, you need to know Perl! :)
Good luck, Steve.
I am not so much worried about a "professional" image trawler, but the casual viewer/"borower." For me, that is the problem. Make it a biut difficult, and they go away.
I may do the transparent gif just to make it a bit harder... now that I am learning CSS...
But that darn IE button just made it too easy!
The most important thing for me is to put my website name on the images as text with a drop shadow. I use a script (Adobe droplet) to add that. Even that could be removed by a simple crop, or perhaps some more difficult cloning and editing.
It's about as annoying and as unprofessional as Comic Sans MS or blink tags.
I have disabled the right-click, but NOT put up an annoying message- just nothing happens. I agree- those "You are Stealing My Images" thing is annoying..... and, like you, I do right-click to open in a new window and all...
So I only run those scripts in the image presentation areas...
Hoping I can say this, the widgets we sell are pictures of widgets- you understand? The image IS my product. And it is an EXTREMELY popular item to get pictures of..
So, for me, this is the balance I struck.
Uhm... uh... I also use Comic Sans MS- but only as a Title font- the rest of the site is arial or Times. What's wrong with Comic Sans MS?
I would NEVER use blink!
The above method makes right click saving difficult, and does put a lot of people off. A no-cache meta-tag would save people trawling their cache, but at the end of the day, without actually defacing the original image, it's near impossible to stop poeple getting them.
A nice near-transparent yoursite.com accross the image works... :)
Comic Sans - that's the pet peeve of most professional graphic designers, typographers etc. As the name says, it's meant for comics. Children's birthday party invitation cards may be another legitimate use for it, but for everything else it looks pretty out of place in my humble opinion. It's a goofy, unharmonious, not serious font.
Would this interfear with images that are links?
I think it will. The layer will be sitting on top of the image link, and therefore the mouseover event will be for the transparent gif/overlaying layer.
You could make the transparent gif the link though...
It is not worth the trouble. If people want your images, the'll get them. The best you can do is make it a pain to get them. If it takes a 'off-the-shelf' java script and a meta tag, great, no big deal. But getting heavy into trying to prevent it I think is a waste of time. Might be fun to try- and for that reason, you might want to play... but I would not stay up late at night working on it!
If I can see them, I can Print Screen them and paste them into an imaging application.