<html>
<head>
<script type="text/javascript">
// Hier werden die URLs der beiden Bilder festgelegt (kann natürlich auch eine relative Angabe sein)
var bild1 = "http://www.tutorials.de/images/tutorials_v3_logo.gif";
var bild2 = "http://static.php.net/www.php.net/images/php.gif";
// Hier werden die Linkzile der Bilder festgelegt. Es gilt: link1 ist die URL zu bild1 und link2 zu bild2
var link1 = "http://www.tutorials.de";
var link2 = "http://www.php.net";
// Hier wird der Status definiert. Er dient spärte dazu, um zu erkennen, welches Bild grad angezeigt wird
var imgstatus = 1;
// Die Funktion
function changeimgs() {
/*
Jetzt wird geprüft, ob der status 1 (beim Start des Scriptes), oder nicht 1 (soll heißen 2) ist
Falls er 1 ist, wird bild1 angezeigt (erste Zeile) und das Ziel des Linkes auf link1 gestellt
Zusätzlich wird der Satus auf 2 gesetzt, um beim nächsten Durchlauf das andere Bild
mit dem andren Link anzuzeigen
Falls er 2 ist, das gleiche, nur mit bild2 und link2 und einem Status von 1
*/
if (imgstatus == 1) {
window.document.getElementById("bildid").src = bild1;
window.document.getElementById("linkid").href = link1;
imgstatus = 2;
} else {
window.document.getElementById("bildid").src = bild2;
window.document.getElementById("linkid").href = link2;
imgstatus = 1;
}
/*
Die setTimeout Funktion hält das Script für die Anzahl von Millisekunden, die im 2. Parameter
angegeben sind, an.
Nachdem diese Zeit verstrichen ist, wird die Aktion ausgeführt, die in Parameter 1 angegeben
ist, ausgeführt.
In dem Fall wird also die Funktion changeimgs() aufgerufen.
*/
setTimeout("changeimgs();", 4000);
}
</script>
</head>
<!--
Der Funktionsaufruf wird gleich in den onLoad-Handler gescrieben, damit das Script sofort
gestartet wird
-->
<body onLoad="changeimgs();">
<!-- Hier der noch leere Link, in dem sich das Bild befindet -->
<a href="" id="linkid"><img id="bildid" border="0"></a>
</body>
</html>
