Protecting your images online is not an easy task, and this simple script could save you or your programmer hours of hair-pulling.
Some of the methods involved:
Image Guard is the perfect solution for photographers, artists who refuse to use watermarks over their work, but still need to do their best to protect their most important assets.
While not impossible, in order to steal your images, thieves would need to go through hell, which would literally take hours for every image, and even then might not be possible at all.
Try the demo and see for yourself!
1.Copy the supplied files to your website root.
2.Open imageguard.js and identify your images folder.
3.Add a script reference to this file at the end of your webpage.
For each image you want to protect... 1.Change the img tag so that the alt attribute becomes an altered version of the src attribute. Now set the src attribute to a hash # character followed by a colon and the image filetype.
2.Add a span container around the image tag and give it a class name of 'imageGuard'.
3.Move the original image to the newly available safe images folder.
4.Copy the fake image blank-image.png to where your original image resided and rename it as per your original image.
Thats it! Your image is now now able to be shown as you'd ideally like while being protected with multiple methods.
Quick start guide, further reading, advanced techniques plus usage examples provided with component.
Back to top