HOW TO?

[Damien Hannah]

Ok, so I need to put a watermark or something on all my photos. OR I need to disable right click on photos only.

The reason, it's a photography network, photographers want their work protected.

The method? I've read on another post here on Creators, that you can add a class to all photos, and then use CSS or something to put a watermark on that class. Make sense? How do I do that?

Also, I know that one can disable right clicking on their networks, which is great, however one can not right click to spell check once this method is implemented... so, if a class can be defined to the photos, can you not define a "no right click" on that class?

I'd like to implement both things, any help on this subject would be greatly appreciated. Thank you.

[Damien Hannah]

How about this!!!

Is it possible to embed or overlay a transparent layer over the photos pages (main photo page hosting the full size photo, and the "view full size" screen which could likely just be disabled.

within that transparent layer is the no right click script. which means that anywhere else on the site, you can right click for commenting, forum, and blog purposes. But the photos pages will deter photo theft. (thiefs will go for full size images. so I need to prevent this from happening somehow.)

[Ron Fritzemeier]

CSS watermarks or right click blocking javascript won't prevent a savvy thief from stealing the images. If your server delivers it to my browser, I can save it regardless of whatever trickery you try. The only way to prevent someone from swiping images is to serve pre-processed images on your site.

I replied in your other thread about how I would go about pre-processing the images in a ning environment. I imagine there are many other ways to do it though.

[Damien Hannah]

I really, really need to do something like right now. my members are going to jump ship (the professional ones that will skyrocket my site to magazine connections etc!!!!)

THIS IS MEGA IMPORTANT.

I just need to do SOMETHING.

Watermark, disable right click, and disable the photo screen that shows the full image (the one that seems to leave the network to view photo, favicon disappears.)

These three things will help signifcantly until such time as a server can be set to re process images before hitting ning servers, or when I have my own servers.

MY SITE CAN SKYROCKET IF I CAN FIGURE THIS OUT IMMEDIATELY!!

Please, please help me, anyone.... :(

[Ron Fritzemeier]

This should disable right click on images:
http://www.bloggersentral.com/2012/05/disable-right-click-on-images...

Using firebug/developer tools, see if there is a specific class that is applied to all these uploaded images you want to protect, then use this:

x$(".class_of_images_you_are_trying_to_protect").after("

");
.class_of_images_you_are_trying_to_protect
{
position: relative;
}
.watermark
{
position: absolute;
width: 40px; /*width of watermark*/
height: 40px; /*height of watermark*/
bottom: 0px;
right: 0px; /*will stick to the bottom right corner of the parent relatively positioned image*/
}

You will then need to disable the trigger that opens the fullsize image, you can do that with javascript but I'd have to take a look at your site and my boss is telling me I need to clean the kitchen....

With a little playing around you should be able to get those pieces above working properly, and I'll be around later if you need a hand and I can take a closer look at your site.

[Ron Fritzemeier]

Can't edit my post cuz tinyMCE blows chunks... it deleted part of the script, here is what it should be:

x$(".class_of_images_you_are_trying_to_protect").after("

");

[Ron Fritzemeier]

inside the after() parentheses should read:

< div class = ' watermark ' >
removing the extra spaces...

[George H. Compton IV]

If that one didn't work try this one

<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus ([e-mail]) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>