Banner 1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="author" content="Ulrich Kritzner">
<meta name="robots" content="none">
<title>JavaScript - Banner - Demo</title>

<script type="text/javascript" src="timer.js"></script>

<script type="text/javascript" src="banner.js""></script>
<script type="text/javascript">

</script>
</head>

<body
bgcolor="#FFFFFF"
text="#000000"
link="#202060" vlink="#101050" alink="#000000"
onLoad="u_timer_start(40)"
>
<h4 align=center>Demo zur Verwendung von "banner.js"</h4>
<p align=center>
(c) 2002 <a href="../tohome.html">Ulrich Kritzner</a>
<br>
<a href="index.html">zurück zum Index</a>
<br><br><br>
Guck Dir meine Lieblingslinks ein paar Minuten doppelt an:
</p>
<table border="0" cellspacing="3" cellpadding="10" align=center><tr><td bgcolor="#FFFFE0">
link in diesem Fenster öffnen:<br>

<a href="javascript:banner1.FollowLink()"><img src="images/loading.gif" border="0"></a>
</td></tr><tr><td bgcolor="#FFFFE0">
link in neuem Fenster öffnen:<br>

<a href="javascript:banner2.FollowLink()"><img src="images/loading.gif" border="0"></a>
</td></tr></table>
</body>
</html>

Banner 2
/* Bannerwerber
* (c) 2002 Ulrich Kritzner
* Die Verwendung dieses Scripts in kommerziellen Seiten ist kostenpflichtig
*/
/* Warnung:
* Nicht alle Browser unterstuetzen die gleichzeitige Ausfuehrung mehrerer Timeouts.
* Daher muss beim gleichzeitigen Einsatz mehrerer Banner
* oder der Kombination mit anderen Droeppez-Animationen
* die Datei "timer.js" im HTML-Dokument geladen werden.
*
* Erklaerung der "unverstaendlichen" Quelltextabschnitte:
* wird "timer.js" _nicht_ eingebunden (if (!(this.usetimer))),
* kuemmert sich Banner selbst um seine timeouts,
* wird "timer.js" eingebunden (if (this.usetimer)),
* laesst Banner seine timeouts vom timer managen
* Die Funktionen des timers sind in der extra Datei "timer.js" definiert!
*/
function B_AddEntry(imgsrc,elapse,linkURL,useOpen)
{
var entry=new Object();
entry.image=new Image();
entry.image.src=imgsrc;
entry.elapse=elapse;
if (entry.elapse<20)
entry.elapse=20;
if (entry.elapse<this.minelapse)
this.minelapse=entry.elapse;
entry.linkURL=linkURL;
entry.useOpen=useOpen;
this.entries[this.entries.length]=entry;
}
function B_TimerFunc()
{
this.cur=this.cur%this.entries.length;
this.curentry=this.entries[this.cur];
this.cur++;
document.images[this.imgnum].src=this.curentry.image.src;
if (this.usetimer)
/* wenn timer.js geladen ist: */
{
this.timestep=Math.round(this.curentry.elapse/u_timer_elapse);
if (this.timestep<1)
this.timestep=1;
}
else
/* wenn timer.js _nicht_ geladen ist: */
this.timeout=window.setTimeout(this.name+".TimerFunc()",this.curentry.elapse);
}
function B_Run()
{
if (this.usetimer)
/* wenn timer.js geladen ist: */
{
this.timestep=1;
if (u_timer_elapse>0)
u_timer_continue();
}
else
/* wenn timer.js _nicht_ geladen ist: */
{
if (this.timeout!=0)
window.clearTimeout(this.timeout);
this.timeout=0;
this.TimerFunc();
}
}
function B_FollowLink()
{
var linkURL=this.curentry.linkURL;
if ((typeof(linkURL)=="string")&&(linkURL!="")&&(linkURL!="none"))
{
if (this.curentry.useOpen)
window.open(linkURL,"_blank");
else
top.location.href=linkURL;
}
}
function Banner(name,imgnum)
{
this.name=name;
this.imgnum=imgnum;
this.cur=0;
this.minelapse=1000;
this.entries=new Array();
this.curentry=0;
this.AddEntry=B_AddEntry;
this.TimerFunc=B_TimerFunc;
this.Run=B_Run;
this.FollowLink=B_FollowLink;
if (typeof(u_timer_add_object)=="function")
/* wenn timer.js geladen ist: */
{
this.usetimer=1;
this.timestep=0;
this.timeval=0;
u_timer_add_object(this);
}
else
/* wenn timer.js _nicht_ geladen ist: */
{
this.usetimer=0;
this.timeout=0;
}
}

Banner 3

Banner 4

http://www.htmlbasix.com/banner.shtml
http://www.js-examples.com/search/?op=2&q=8
http://www.devscripts.com/index.php