Bildwechsel zufällig und automatisch

Hallo,
wie kann ich den folgenden js code so umbauen das ich aus dem auch noch eine automatik hinein bekomme?

Leider bin ich absoluter neuling mit js.

function bild2()
{
	var a;
	var b;
	var image = new Array();




        // Zufallszahl erzeugen und runden --> a = anzahl bilder - 1 
	a = 2 * (Math.random());
	b = Math.round(a);





	/** Hier die (Zufalls)-Bilder eintragen. **/




	image[0] = 'bilder/1.jpg';
	image[1] = 'bilder/2.jpg';
	image[2] = 'bilder/3.jpg';
	// image[3] = 'bilder/4.jpg';




   




	document.write('<img src="' + image[b] + '" border="0" />');
}

Für die webseite das hier:

<script type="text/javascript">
bild2();
</script>

Dann hab ich mich schlecht ausgedrückt.

Der Bildwechsel beim laden der Seite funktioniert.

Ich würde aber gerne zusätlich die Bilder zeitgesteuert wechseln lassen.

Danke für eure Hilfe

Der Hinweis mit dem Namen für das Array habe ich aufgenommen und geändert in foto

aber habe ich dann nicht immer das selbe startbild?

ich möchte ja schon beim laden der seite immer ein zufälliges bild
und danach möchte ich per zeitlich wechselnde bilder, ob aus einem array oder ob die bilder direkt aus dem verzeichnis gelesen werden soll mir egal sein

und wenn ich das mit getElementById richtig verstehe, dann müsste der js-code auf der seite sein z.b im header und nicht in einer separaten js-datei da es ja sonst die ID in HTML nicht findet.

Zitat

quelle: selfhtml
Die Methode getElementById() regelt lediglich den Zugriff auf HTML-Elemente.
getElementById()

dann wird aber immer das angegebene bild als erstes geladen. wo ist da die zufälligkeit beim laden, oder mache ich einen denkfehler?

ich möchte ja die zufälligkeit beim laden schon erreichen

leider kann ich es nicht denn sonst hätte ich nicht gefragt
wobei es ja sein kann das es gar nicht funktioniert

ich habe vermutlich eine lösung gefunden mit reload, das funktioniert sogar im eigenen frame

function neuladen()
		{
    	        location.reload()
		}
	window.setTimeout(neuladen, 6000);










	function bild2()
		{
	    var a;
	    var b;
	    var foto = new Array();




	    // Zufallszahl erzeugen und runden --> a = anzahl Bilder - 1
		a = 9 * (Math.random());
	    b = Math.round(a);




	    /** Hier die (Zufalls)-Bilder eintragen. **/




	    foto[0] = 'bilder/1.jpg';
	    foto[1] = 'bilder/2.jpg';
	    foto[2] = 'bilder/3.jpg';
	    foto[3] = 'bilder/4.jpg';
	    foto[4] = 'bilder/5.jpg';
	    foto[5] = 'bilder/6.jpg';
	    foto[6] = 'bilder/7.jpg';
	    foto[7] = 'bilder/8.jpg';
	    foto[8] = 'bilder/9.jpg';
	    foto[9] = 'bilder/10.jpg';







	    /** Ab hier nichts mehr ändern! **/
	    document.write('<img src=' + foto[b] + ' />');
	    }

da fehlen mir momentan die kenntnisse um das nachzuvollziehen was du mir vorschlägst

mit document.getElementById() komme ich leider nicht weiter und es funktioniert nicht was ich möchte

einer konkreten hilfe wie ich es besser machen könnte bin ich gerne aufgeschlossen

Hi Kanu
damit bin ich derzeit erst recht überfordert da ich außer das ich weiss das es Ajax gibt noch nichts gemacht habe.

Mir stehen für die Lösung folgendes zur verfügung.
Html
CSS
JavaScript - soweit meine Kenntnisse reichen --> erst angefangen mich damit zu beschäftigen

Angwendet wird wid das ganze auf einem Server (nicht webserver) als reiner Speicher.
Die HTML seite ist als Frame aufgebaut.
Und die Willkommensseite um die es geht - ist bis auf den Willkommenstext und die automatisch wechselnden Bilder nicht wirklich spannend, es soll damit nur ein wenig Abweschlung erreicht werden.