This script uses dynamic html to display logo images and hyperlinks. Three images are displayed at a time. After every 10 seconds, the oldest logo is removed and a new logo is added. This version of logo uses the IE ability to transition from one image to another.
To install, download the file logo2.js. Add:
<script LANGUAGE="JavaScript" TYPE="text/javascript" src="logo.js"></script>
within the <head> of your web page. Where you want to logos displayed, add the following code:
<a id="a001"><img id="i001" border="0" align="middle"></a>
<a id="a002"><img id="i002" border="0" align="middle"></a>
<a id="a003"><img id="i003" border="0" align="middle"></a>
You also need to define your logo list in public arrays.
Public Variables:
wid[] - <img width>
hgt[] - <image height>
img[] - image cache
src[] - <img src>
tit[] - <img alt>
url[] - <a href>
Example:
wid = new Array() ; hgt = new Array() ; img = new Array()
src = new Array() ; tit = new Array() ; url = new Array()
wid[0] = 103 ; hgt[0] = 100 ; img[0] = new Image()
src[0] = "logo\/mas.gif"
tit[0] = "Local astronomy club
Dennis Allen webmaster"
url[0] = "http:\/\/www.wmich-astro.org"
Note: Make sure to replace any occurrence "/" with "\/" (needed in document.write()).
Note: For external images, add "(x)" to tit[]. Otherwise, this code will wait onload forever.
Finally, add <body onload="logo_init()" onunload="logo_off()">.
Script originally from © Dynamic Drive (www.dynamicdrive.com).
[Return to Top]
[Go to Home Page]
Copyright © 2013 Dennis Allen.
This web page was last updated 07/03/13