When it comes to protecting our images, we all look to the notorious function: Disable Right Click! Although, we never really see the importance of right clicking until it's taken away from us. Like a person, somewhat (michael jackson haha!).
Some of us, when we encounter the nonfunctional right click that's suppose to be enabled on your computer, get annoyed by it. Some of us even go to the lengths to temporarily rid of the nuisance.
But you don't really have to go to those nasty popups that say "This image is mine. Don't steal it! *no right clicking* " or say even nothing at all, making a person go crazy, trying to figure out why their mouses aren't working.
Which is why, the good ol' protecting your images comes in all fashions.
I'm going to go on a blatant assumption that you, a uCoz user, are using this for the photo albums module. So here's the down low on that.
Page with a full-sized photo and comments
Code
<!- replace $PHOTO$ with the following code -->
<div id="photoContainer">
<img src="http://davidwalsh.name/dw-content/blank.gif" width="100%" height="120%" alt="" class="eeyaw"/>
$PHOTO$
</div>
<style type="text/css">
div#photoContainer {position:relative;} img.eeyaw {position:absolute;top:0;left:0;z-index:10;}
div#photoContainer img {}
</style>
So basically what this does is this,
You see? Right clicking is still enabled. No need for javascript. Compatible with all browsers and best of all, Dumbledore will still be puzzled.
prerequisites:
http://davidwalsh.name/dw-content/blank.gif [download > replace url]
Happy right-clicking!
