MagicPicture: image fade-in fade-out onmousemove

MagicPicture: image fade-in fade-out onmousemove

A little bit of magic for your visitors: move your cursor to the center of your webpage and the picture will fade-out. Move the cursor toward the corners of the webpage and the picture will fade-in.
Internet Explorer 4 or higher.

Configuration

Open the HTML-file.
Go to the <body>-section of the HTML-file and put the URL of your picture (red below) into the <div>-container called "imagecontainer" (blue below). Do not change the style attributes! After all it should look like this:

<DIV id="imagecontainer" style="position:absolute;filter:alpha(opacity=0);visibility:hidden;z-index:100">
<IMG SRC="your_image_url.jpg">
</DIV>
Go to the <head>-section of the HTML-file and customize the vertical position of the image inside the script-block. (You don't need to set the horizontal position as the pictute will be centered!)
And now let's have some fun and fade-in the cyberspace!