The Home Of Splash, Flash, Music
And So Much More

T his is a very eye catching effect to add to your page as an attention getter. Basically all you need to do is create a banner ( the above banner is 650  X  59 pixels ) upload it to your editor, and paste the code into the <BODY> section of your document. Be sure to add the Height and Width to the banner otherwise it will look out of proportion. The reconfigurations are well marked within the code for you to alter the position, speed etc. of your banner. Below is the reconfiguration section of the code and where to make your changes. I will also show you where you need to remove or add your own message that you see underneath the banner. The reason for this is that the banner script is static and will on top of your text or images if it is so positioned. If you want this effect on your page just go to the below link and grab the script. If you have any problem with this feel free to contact us.
The Consigliere™

Default Reconfiguration Area Of Code

<BODY>

<a name="logoAnchor">   </a>
<div id="logo" style="position:absolute;visibility:visible;">
<img name="logoIm" src="http://javascript.internet.com/img/logo-fader/logo-fader.gif"
width=548 height=55>
</div>


// --------------- User modifiable variables ----------------------

//if useAnchorPosition is true logo will be positioned where you put the "logoAnchor"
//set to false to center logo - also set myLogo.top to desired position

var useAnchorPosition = false;        // set to false to set your own logo position below
if (! useAnchorPosition) {
myLogo.left = ((windowWidth / 2) - (logoWidth / 2));    // centers logo - comment out if using line below
//myLogo.left = 100; // remove '//' to set left position
myLogo.top = 200; // sets logo top
}
var scrollInc = 5;    // sets # of pixels to scroll in 1 time frame
var scrollSpeed = 10;    // sets the scroll speed
// ------------------------------------------------------------------

Reconfigured Code

<BODY>

<a name="logoAnchor">   </a>
<div id="logo" style="position:absolute;visibility:visible;">
<img name="logoIm" src="Your Path To Your Image"
width=650 height=59>
</div>


// --------------- User modifiable variables ----------------------

//if useAnchorPosition is true logo will be positioned where you put the "logoAnchor"
//set to false to center logo - also set myLogo.top to desired position

var useAnchorPosition = false;        // set to false to set your own logo position below
if (! useAnchorPosition) {
myLogo.left = ((windowWidth / 2) - (logoWidth / 2));    // centers logo - comment out if using line below
//myLogo.left = 100; // remove '//' to set left position
myLogo.top = 15; // sets logo top
}
var scrollInc = 5;    // sets # of pixels to scroll in 1 time frame
var scrollSpeed = 20;    // sets the scroll speed
// ------------------------------------------------------------------

The below message will be by default positioned at the top of the page and will look like the below code when pasted with the code and be a link back to the site where you will get the code;

Free JavaScripts provided
by The JavaScript Source

//  End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  4.44 KB -->

You can either play around with it to be postioned under the banner, add your own message or just remove the above part of the code and it will not be there.

Live On Line Support

Advanced Site Search


If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere's™ Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by

Copyright © 2001, The Consigliere™ Ltd., All Rights Reserved.