DHTML Flower Power Animation Effect

DHTML Flower Power Animation Effect: Put spring time on your web site
Add spring time all over your web page with this charming little DHTML animation. Enchanting way to say hello to your visitors and make them blossom out. Easy configuration of number of blossoms and speed. Cross-browser (not NN6).

Configuration:

Step 1: Download the file 'imgblossomani.zip'

Step 2: Unzip the 6 image-files and the script-file 'imgblossomani.js' and put them all into the same folder as your web page.

Step 3: Open your web page. Paste the following code right above the </body> tag:

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

// CONFIGURATION:
// Go to http://www.fabulant.com, open category 'image' and 
// download the ZIP-file of this script containing
// 6 images and the script-file with step-by-step instructions for easy configuration.

// number of blossoms
var numberofblossoms=10

// speed of blossom animation (higher means slower)
var openblossomspeed=200

// how long shall the blossom be visible after being opened? Answer in seconds
var showblossomstime=2
</script>
<script src="imgblossomani.js"></script>

IMPORTANT: Do not paste the code into tables or <DIV> and </DIV> tags or between any other container tags!

Step 4: Open your web page, go to the top of the script and and configure the number of blossoms, the speed of animation and the time of blossom's visibility (see red code below):

// // number of blossoms
var numberofblossoms=10

peed of blossom animation (higher means slower)
var openblossomspeed=80

how long shall the blossom be visible after being opened? Answer in seconds
var showblossomstime=2
Download 500 free copy-and-paste scripts

Like this code snippet? Why not share it with others by copying this page URL: