Image aléatoire au load de la page

Bonjour,

J'ai déjà un bout de code javascript mais j'aimerais lui ajouter un random d'image à l'ouverture de la page. Mais je suis plutot poche en javascript.
J'ai besoin d'un peu d'aide.

Mon code présentement à 3 boutons 1, 2 et 3 et lorsque je cliques sur l'un d'eux sa change l'image ainsi que son url.

Pour votre info j'utilise déjà un window.load dans un javascript, je ne sais pas si je peux en utiliser plus d'un.

Voici le code javascript

//changement d'image sur page accueil
function showHide(theDiv,className){

	theDivArray = document.getElementsByTagName('div');
	cnt = 0;
	while(cnt < theDivArray.length){
		if(theDivArray[cnt].className == 'melanie'){
			theDivArray[cnt].style.display = 'none';
		}
	cnt++;
	}
	
	theDivArray2 = document.getElementsByTagName('a');
	cnt2 = 0;
	while(cnt2 < theDivArray2.length){
		if(theDivArray2[cnt2].className == 'actif'){
			theDivArray2[cnt2].className = '';
		}
	cnt2++;
	}



	document.getElementById(theDiv).style.display = "block";
	document.getElementById(className).className = "actif";
}

Voici le code HTML

<div class="melanie" id="subList1"><a href="#"><img class="border"
height="199" alt="" width="461"
src="/images/iqpf/image-accueil-1.jpg" /></a></div>

<div class="melanie" id="subList2" style="DISPLAY: none"><a
href="#"><img class="border" height="199" alt="" width="461"
src="/images/iqpf/image-accueil-2.jpg" /></a></div>

<div class="melanie" id="subList3" style="DISPLAY: none"><a
href="#"><img class="border" height="199" alt="" width="461"
src="/images/iqpf/image-accueil-3.jpg" /></a></div>

</div><div class="numero">
<ul>
<li><a class="actif" href="#" id="fleche1" onclick="showHide('subList1', 'fleche1'); return false;">1</a></li>
<li><a href="#" id="fleche2" onclick="showHide('subList2', 'fleche2'); return false;">2</a></li>
<li><a href="#" id="fleche3" onclick="showHide('subList3', 'fleche3'); return false;">3</a></li>
</ul> 

Voici je que j'ai ajouté a la fin de ma page html pour appeler l'image aléatoire (sans vraiment savoir comment).

<script type="text/javascript">
    //<![CDATA[
	var randomnumber=Math.ceiling(Math.random()*3);
	showHide ("subList" + randomnumber + "," + "fleche" + randomnumber);
	alert(randomnumber);
    //]]>
</script>

merci pour vos précieux conseils (suis-je trop téteuse la!)
Modifié par britanicus75 (03 Sep 2008 - 22:51)