Bilder nebeneinander zufällig wechseln lassen

**desaster_** · 01-03-2009, 15:41

Hallo zusammen

Ich habe eine Homepage übernommen. In dieser befindet sich oben ein Banner welcher zufällig 1 Bild wechselt.

Nun möchte ich diesen gerne erweitern, dass er mir 5 Bilder zufällig und unabhängig wechseln lässt. Da ich leider nur wenig Erfahrung in Javascript habe, habe ich nach 2 Stunden aufgegeben.

Kann mir jemand helfen?

Hier ist der alte Code:

HTML-Code:

<script type="text/javascript">
<!--
	var b = new Array();
	b[0] = new Image(); b[0].src = "<?php echo TEMPLATE_DIR; ?>/grafik/banner1.gif"; 
	b[1] = new Image(); b[1].src = "<?php echo TEMPLATE_DIR; ?>/grafik/banner2.gif"; 
	b[2] = new Image(); b[2].src = "<?php echo TEMPLATE_DIR; ?>/grafik/banner3.gif"; 
	b[3] = new Image(); b[3].src = "<?php echo TEMPLATE_DIR; ?>/grafik/banner4.gif"; 
	var speed = 2000; // Delay in milliseconds
// Zufallszahl ermitteln
function randInt(min,max)
	{
        var div = (max - min) + 1
        var randNum = Math.random()
        for (var i = 0; i <= div - 1; i++)
        	{
                if (randNum >= i / div && randNum < (i+1) / div)
                        {return i + min}
        	}
	}

function diaShow()
	{ 
	var i = 0;
	i=randInt(0,b.length-1);
	document.images.show.src = b[i].src;
	window.setTimeout("diaShow()",speed);
	}
//-->
</script>

und dann im Body:

HTML-Code:

<body onload="diaShow()">
<div id="wrap">

	<div id="header">     
   <img id="show" src="<?php echo TEMPLATE_DIR; ?>/grafik/banner1.gif" width="210" HSpace="10" height="280" VSpace="12" alt=""  />
.......

**ein schlauer** · 01-03-2009, 15:51

Soweit ich das sehe, sollte der Code funktionieren. Die Fehlerkonsole ist leer? Und die Pfade zu den Bildern sind richtig?

**desaster_** · 01-03-2009, 16:37

ich danke dir für deine Arbeit, aber das ist ja der bestehende Code. Ich möchte eigentlich verfünffachen, so dass ich nachher 5 Bildbereiche habe, in welchen zufällig Bilder wechseln (das unabhängig von einander)