DHTML Magic Transformer JavaScript Snippet

Installation and configuration:

Step 1: Paste the following script-code right below the <body>-tag of your web page:

// IMPORTANT: 
// If you add this script to a script-library or a script-archive 
// you have to insert a link to http://www.fabulant.com
// right into the webpage where the script will be displayed.

//////////////////////////////////////////////////////////////////////
// Edit the position of Magic Transformer below
//////////////////////////////////////////////////////////////////////

// The horizontal position of the face and body images(distance to left margin, pixels)
var x_faceandbody=0
// The vertical position of the face and body images (distance to top margin, pixels)
var y_faceandbody=0

// The horizontal position of the control panel (distance to left margin, pixels)
var x_control=300
// The vertical position of the control (distance to top margin, pixels)
var y_control=10

// The horizontal position of the 'add image' button (distance to left margin, pixels)
var x_form=300
// The vertical position of the 'add image' button (distance to top margin, pixels)
var y_form=90
</script>
<script src="magictransformer.js"></script>

IMPORTANT: the code should not be placed into tables or any other containers!

Step 2: Download the zip-file 'magictransformer.zip'. Extract the folder 'magictransformer'. It contains all the images and an external script file.

IMPORTANT: Put the folder 'magictransformer' into the same folder (directory) as your web page. Do not change the name of the folder 'magictransformer' and the files inside the folder.

Step 3: Open your web page. Go on top of the script-code and set the position of the images, control panel and buttons.

Download 500 free scripts.