Beispiel:
Code: Alles auswählen
<script type="text/javascript">
// Die folgenden Parameter sind zum ändern gedacht:
// Eine "Liste" mit den Bild-URL erstellen,
// welche angezeigt werden sollen
var pictureArray = new Array('bild1','bild2','bild3');
// Die Seite, die geladen werden soll,
// nachdem alle Bilder angezeigt wurden
var pageToLoad = 'http://www.google.de';
// Die ID des IMG-Tags, bei welchem
// die Bilder ausgetauscht werden sollen
var idToExchange = 'gross';
// Ab hier nix ändern (außer evtl. window.open())
// den Zähler initialisieren
var counter = 0;
function exchangePic() {
if (counter == pictureArray.length) {
// Sollten alle Bilder durch sein,
// neue Seite laden
document.location.href = pageToLoad;
// Wenn du die Seite in 'nem neuen Fenster
// öffnen willst, solltest du
// window.open() verwenden
// Infos zu window.open() gibt's hier:
// http://selfhtml.teamone.de/javascript/objekte/window.htm#open
// window.open(pageToLoad, 'Fenstertitel', '');
}
else {
// Sonst das Bild ersetzen
document.getElementById(idToExchange).src = pictureArray[counter];
// Und den Zähler erhöhen, damit ein anderes Bild angezeigt wird.
counter++;
}
}
</script>
Code: Alles auswählen
<img src="bild.png" id="gross" onclick="exchangePic();" />
