Banner-o-Matic is a banner rotation script in
javascript. You can create banner-rotations, random banner displays and your
fixed banner sequence without any CGI.
You are seeing this very light version of the page, as you are using an outdated
browser!
Onlinetools.org is done in XHTML 1.0 and supports CSS 2.0, please upgrade your
browser if you want a better version of this site.
Thank you, please help us developers keep up with the industry rather than patching our code for outdated applications.
Banner-O-Matic is a Javascript that allows you to do a Banner rotation without Server Side scripting
Did you ever want to have a banner rotation on your page, but you don't have access to a cgi/bin or you don't know any CGI Scripting language at all?
Now, here is your chance to have banners on your page, just by using Javascript!
Banner-O-Matic is a routine that helps you display selected banners, random banners or rotate a list of banners every x seconds.
Call or copy the javascript in the <head> section of your HTML page.
Change the following variables:
var imgpath="img/"
The path to the banner-images, if they are in the same folder, simply
set this to "".
var bild="banner"
The name of the image (as defined in the "name" or "id" attribute) that
will be replaced by the banner. This allows you to use more than one
banner on one page.
var divtag=null
The name of the layer that includes the banner, if you have no layer,
set this to null, otherwise Netscape will cause an error.
var banners = new Array ('anistonani.gif', 'banner.gif',
'cocosbanner.gif', 'heavenbanner2.gif', 'pdabanner.gif',
'symmekad2.gif')
The array of the banner graphics, simply enter them like up there.
var urls = new Array ('home.html', 'next.html', 'first.html', 'last.html', 'last.html', 'last.html') The array of the links, each banner should link to.
Using the banner routine is easy. First of all you need to include an image in your HTML document, that will later on be replaced by the banners.
The correct syntax is:
<a href="javascript:jump()"><img src="dot_clear.gif" name="banner" width="400" height="40" alt="clickme" border=0></a>
The dimensions of this banner image stay fixed, all the other banners will be displayed with these dimensions.
In the page, call the desired subroutine, either as an onload="" statement in the <body> or via a link.
The routines are:
banner(x)
Displays the banner number x.
randombanner()
Displays a random banner.
rotate(x)
Starts a banner rotation, the banner gets exchanged every x milliseconds.