Wie füge ich einen Bilderwechsel ein?

Wenn man wechselnde Bilder oder Banner einbinden möchte, die gleichzeitig verlinkt sind, kann man das z.B. mit einem Javascript lösen, was man in ein HTML/Javascript Gadget einbinden kann. Auch in einem Post funktioniert das Script, wie man unten sehen kann.

Das Script selbst sieht so aus:

<script language="JavaScript"> <!-- var Bilder = new Array("http://Bild1","http://Bild2","http://Bild3"); var URL = new Array("http://Link1", "http://Link2", "http://Link3"); var Delay = 5000; var BildAnzahl = Bilder.length; var number = 0; BildFolge = new Image(); BildFolge.src = Bilder[number]; function change() { number++; if (number == BildAnzahl) number = 0; BildFolge.src = Bilder[number]; document.austausch.src = BildFolge.src; document.getElementById('link' ).href = URL[number]; } setInterval("change()", Delay); //--> </script> <a href="http://Link2" id="link" target="_blank"><img src="Bild2" name="austausch" /></a>

Das Script ist für 3 Bilder ausgelegt. Möchte man man mehr Bilder einfügen, kann man diese in den Bereich:

var Bilder = new Array("http://Bild1","http://Bild2","http://Bild3");
var URL = new Array("http://Link1", "http://Link2", "http://Link3");

ergänzen. In diesem Bereich müssen auch die Links eingefügt werden. Zum einen die Links zu den Bildern, zum anderen die Links zu den Webseiten. Link 1 gehört zu Bild 1, Link 2 zu Bild 2, und so weiter.

Möchte man die Geschindigkeit des Bilderwechsels ändern, kann man es an der Stelle machen:

var Delay = 5000;

Je Größer die Zahl, um so langsamer der Wechsel.

Und so sollte der Bilderwechsel dann aussehen:



Alle Angaben ohne Gewähr, Einbau auf eigene Gefahr!