Bildwechsel für 5 Bilder-2

Beitrag von **Hape** » Sa 23. Mai 2020, 22:14

Bildwechsel für 5 Bilder

Script für den Header:

var x ist eine Zufallszahl wobei hier 5 Bilder zur Verfügung stehen. Die Bilder heißen dann image_1 bis 5.jpg

Code: Alles auswählen

<script language="JavaScript" type="text/javascript">
	function LoadImage(){		
                pics = new Array(image_1.jpg, image_2.jpg, ..., image_5.jpg);
                var x = Math.floor(1+(pics.length)*(Math.random()));
		var path = "http://www.domain.de/images/";
		document.getElementById("headerimage").src = path+pics[x];
		
		setTimeout('LoadImage()', 5000);
	}
//-->	
</script>

In den Bodytag:

Code: Alles auswählen

<body onLoad="LoadImage()">

Das Bild muss so aufgebaut sein:

Code: Alles auswählen

<img id="headerimage" src="http://www.domain.de/images/image_1.jpg">