nicht angemeldet
Hallo!
Hi, welche Möglichkeit gibt es, in einem frame einer festgelegten Reihenfolge Bilder (Banner) zu wechseln? Allerdings nicht mit dem reload-Befehl. Die Bilder müssen zudem anklickbar sein und zu einem link führen. Es geht bestimmt mit javascript, aber ich kenne keins.
Danke für die Hilfe
Archi
da die Frage bisher noch nicht ganz geklaert scheint, poste ich einfach mal das Skript, welches ich für solche Dinge benutze:
<html><head><title>TEST</title>
<script language="JavaScript">
<!--
var bildnamen = new Array("bild1.jpg","bild2.gif","bild3.jpg"),
bildurl = new Array("http://www.url1.de", "http://www.url2.de", "http://www.url3.de"),
bildsrc = new Array(bildnamen.length),
bild = "Beispiel",
ankernr = 0,
bildnr = 0,
i;
// Bilder Laden und im Array bildsrc[] speichern
for(i=0; i<bildnamen.length; ++i) {
bildsrc[i] = new Image();
bildsrc[i].src = bildnamen[i];
}
var bildnr = 0;
function bildwechsel() {
// zum naechsten Bild schalten...
bildnr = (bildnr>=bildnamen.length-1) ? 0 : bildnr+1;
// Bild einsetzen
eval("document.images[""+bild+""].src=bildsrc[bildnr].src");
// Link veraendern
document.links[ankernr].href=bildurl[bildnr];
// Neuen Timeout setzen
window.setTimeout("bildwechsel()", 5000);
}
// -->
</script>
</head>
<body onLoad="window.setTimeout('bildwechsel()', 5000)">
<a name="Test" href="http://www.bla.de">
<img src="andi.jpg" name="Beispiel">
</a>
</body></html>
Du mußt oben nur noch die entsprechenden Dateinamen und Links für die Bilder
in den Arrays verändern. Das Bild selber muß im Dokument mit Namen versehen sein, also <img src="..." name="Bilname"> und von einem Anchor <a href="erste.url.com"> umschlossen sein. Trage danach den Bildnamen oben in die Variable 'bild' und die Nummer des Anchors in die Variable 'ankernr' ein (Achtung: Zaehlung beginnt bei 0...). Die Nummer wird benötigt, weil dummerweise zumindest bei Netscape ein Konstrukt wie
document.links["AnkerName"].href="..."
nicht funktioniert.
Viele Grüße
Andreas
P.S. Skript auf Netscape 4.07 getestet...