LogoUp: how it works

The "LogoUp" application enables you to get an animated 'welcome' banner and logo on your site.

You must already have the two images (banner and logo), in any image format (jpg, png, bmp, etc).

In the html code downloaded from Codester ("main.html"), you must write the data (width, height and location) of the two images, and the time of pause like in the example shown (the highlighted text).

Observations:

• The dimensions w1, h1, w2, h2 of images should be the width and height you want them to appear on the screen, not their native dimensions.
• If the width and the height are in a different ratio than the native ones, the image will be stretched.

........
/* **************** begin data **************** */
/* **************** begin data **************** */
w1: 210, // width of banner, pixels
h1:  70, // height of banner, pixels
imageBanner: "http://www.. ../banner.jpg",
w2: 330, // width of logo, pixels
h2: 110, // height of logo, pixels
imageLogo: "http://www.. ../logo.jpg",
delay: 3 // time of pause, seconds
/* ****************  end data  **************** */
/* ****************  end data  **************** */
........

Finally, copy all the content of the file "main.html" and insert it in your site's html file (or php file), at the point where you want to see the logo.

On the panel below you can test the work of the application, with a visual explanation. You must just to press the button "start/restart"

In a real implementation the "movie" starts after the site is loaded. Of course, there is no button!