Image Trapper Documentation - Protect Your Web Images - Hotlink Protection - Image Protector - Photo Protection

Overview

Image Trapper, built with Adobe Flex and created as an swf Flash file, enables you to protect images on your website from unwanted download. All major image formats are supported including JPG, PNG, GIF. Image Trapper gives you tons of options for protecting your images including watermarking, disabling right-clicks, and masking the true location of your images.

Installation

This is a quick and basic installation setup. Advanced users, you can easily modify this setup and place flash and JavaScript files anywhere you'd like!

Step 1: Transfer the contents of the ImageTrapper folder to the root of your website.

Step 2: Edit the parameters XML file with the settings that you would like in order to protect your images. Please use a simple text editor for this task.

Step 3: Place references to the JavaScript files in your web page.


            <script type="text/javascript" src="/js/swfobject.js" />

            <script type="text/javascript" src="/js/jquery-1.3.2.js" />

            <script type="text/javascript" src="/js/fip.js" />

Also, place a call the the replacement JavaScript method at the bottom of your web page.


            <script language="javascript">
fipReplace();fipReplaceImg();
</script>

Step 4: Upload your images to the /secured folder

Step 5: Add references to your images on your web page.


            <div class="fip" source="[YOUR IMAGE FILE NAME]" id="demo1" />


            <img src="[YOUR IMAGE FILE NAME]" class="fip" />

Customization

The steps you just completed are configurations for standard setup. You can use Flashvars and Flashvar overrides to customize Image Trapper however you'd like!

Changes History

Date	Modified By	Notes
12/27/2009	Brandon Nickelson
1/3/2010	Brandon Nickelson	Added new API commands to list.