PDA

View Full Version : Can image download be disabled from product site.



nirusnailart
05-06-2011, 08:16 PM
Would like to disable the downloading of Product images from the product page. Any procedure available to disable downloading of the images.

met00
05-06-2011, 10:13 PM
There are javascript hacks that do things like disable right click, etc. But the bottom line is - it it gets displayed in the browser, there isn't much you can do to stop it from being on someone elses computer. The way most people have stopped image theft is to "emboss" the image with a watermark.

There are free programs out there that will batch watermark (if you have Photoshop, there is a way to do it in photoshop). You can try a program like Batch Photo Watermarking Software - Visual Watermark (http://www.visualwatermark.com/) for free, and then buy it at shareware pricing if it works for you.

nirusnailart
05-07-2011, 12:44 AM
Thanks. Watermarking is a good option. WIll try out the software in the link.

ridexbuilder
05-07-2011, 01:50 AM
Watermarking is built into Slimbox 2 (the image handler) but you'll need to read up on its' use.

nirusnailart
05-07-2011, 06:49 AM
Thanks Ridex. Just found in google groups on slimbox support on below code which should help.

Step 1 - Open slimbox2.js
Find the following code:
h=w('<div id="lbImage" />').appendTo(a).append(q=w('<div
style="position: relative;" />').append([I=w('<a id="lbPrevLink"
href="#" />').click(B)[0],d=w('<a id="lbNextLink" href="#" /
>').click(f)[0]])[0])[0];

Replace it with this:
h=w('<div id="lbImage" />').appendTo(a).append(q=w('<div
style="position: relative;" id="watermark" />').append([I=w('<a
id="lbPrevLink" href="#" />').click(B)[0],d=w('<a id="lbNextLink"
href="#" />').click(f)[0]])[0])[0];
What's the difference? In the second div where the position is set to
relative, I've added an id for watermarking.
Step 2 - Open slimbox2.css
Paste the following code at the end of the file:
#watermark {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent url({imagepath}/watermark.png) no-repeat
center center;
}

Replace {imagepath} with the path to your you watermark image. You can
move the image around by manipulating the "top" and "left" attributes
in CSS. I haven't tried that yet.
If someone tries to right click on your file, they will only have an
option to view the background image which is your watermark. Like I
said, I haven't played with the CSS to see if moving the watermark to
the bottom left affects what could be seen with right clicking.

Need to try this one if it works !