[ Tutorial ] Automatischer Bilderwechsel mit Javascript in Tutorials
von
Bengt
• ( Admin | Beiträge: 1.532 )
so da auch im Support schon fragen für ein bilderwechsel script aufgekommen sind, habe ich hier mal eine lösung gefunden:
diese hier muss in den header des forums oder der Homepage:
Bilder/1.jpg etc. muss durch eure Grafiklinks ersetzt werden
durch var timer = 10000; <!--Millisekunden--> lässt sich die Anzeigedauer eines Bildes einstellen
nun fügt ihr in der Oberen Leiste oder allgemein bei <body>
ein
und als letztes an die stelle im Forum oder Homepage diesen code zur anzeige des Bildes einfügen:
hoffe es hilft euch weiter.
diese hier muss in den header des forums oder der Homepage:
<script language="JavaScript" type="text/JavaScript">
var bilder = new Array();
bilder[0] = "Bilder/1.jpg";
bilder[1] = "Bilder/2.jpg";
bilder[2] = "Bilder/3.jpg";
bilder[3] = "Bilder/4.jpg";
bilder[4] = "Bilder/5.jpg";
bilder[5] = "Bilder/6.jpg";
bilder[6] = "Bilder/7.jpg";
bilder[7] = "Bilder/8.jpg";
var timer = 10000; <!--Millisekunden-->
var arraylaenge = bilder.length;
var index = Math.floor(Math.random() * arraylaenge);
var Bildstring = '<img src="' + bilder[index] + '">';
function Bildwechsel () {
if (index == arraylaenge-1) {
index = 0;
} else {
index++;
}
Bildstring = '<img src="' + bilder[index] + '">';
document.all.Bild.innerHTML = Bildstring;
setTimeout("Bildwechsel()", timer);
}
function Bildanzeige () {
document.all.Bild.innerHTML = Bildstring;
Bildwechsel();
}
</script>
Bilder/1.jpg etc. muss durch eure Grafiklinks ersetzt werden
durch var timer = 10000; <!--Millisekunden--> lässt sich die Anzeigedauer eines Bildes einstellen
nun fügt ihr in der Oberen Leiste oder allgemein bei <body>
onLoad="Bildanzeige()"
ein
und als letztes an die stelle im Forum oder Homepage diesen code zur anzeige des Bildes einfügen:
<div id=Bild>
</div>
hoffe es hilft euch weiter.
für meine Website nutzen, Firefox mag es aber gar nicht. Was muss ich dann ändern?