Transparent Secured Images

This plugin will use jQuery and JavaScript, as well as CSS3, to secure your images a little bit more.

NOTE: It is NOT possible to completely secure your images since all browsers have to get them in order to show them your users, but we do a little approach to secured pictures.

The plugin will replace your image with a transparent image and set your image, you want to show to the user, as background image of the container. When the user now tries to copy the url of the image or the picture itself, he will only get the transparent png file.

1. Upload all files to a directory of your choice (it has to be available through your domain)

2. Copy the following code into your theme header before “” (use the editor of WordPress for this)

$(document).ready(function () { if($.support.cssProperty(‘backgroundSize’)) { $(‘#content img’).each(function() { var temp = $(this); var width = temp.width(); var height = temp.height(); var src = temp.attr(‘src’); var id = temp.attr(‘alt’).replace(/\s/g, ”); temp.wrap(”); $(this).parent().css(‘backgroundImage’, ‘url(“‘ + src + ‘”)’); $(this).parent().css(‘backgroundSize’, ‘100%’); temp.attr(‘src’, ‘[TRANSPARENCY.PNG]’); $(‘div#’ + id + ‘ img’).replaceWith(temp); }); } });

1. Replace “[TRANSPARENCY.PNG]” in the above code with the url to the transparency.png file

2. Replace “[ADDON.JS]” in the above code with the url to your addon.js file

3. Enjoy your secured pictures

We do currently have no FAQ!

1.0

• Initial release
• Currently we need jQuery to load from google (we search for another option yet)