Javascript, images aléatoire dans un tableau

Résolu
dracucharles Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   -  
 sunzeld -
Bonjour,
j'aimerais charger des images aléatoirement dans un tableau mais je ne sais pas trop comment procéder:
J'ai un fichier function.js où mes fonctions javascript sont regroupées, et un fichier head.php qui contient, entre autre, le tableau qui contient les images que j'aimerais charger aléatoirement.

Voila ma fontion javascript:
function fchanger(){
	var tab = new Array ("images/image1.jpg","images/image2.jpg","images/image3.jpg","images/image4.png","images/image5.jpg");
	var vindice = Math.floor(Math.random()* tab.length)	;
	var vurl = "url(" + tab[vindice] + ")";
	document.getElementById("haut").style.background = vurl;
}



Et mon tableau:
<body onLoad="fchanger()">
        <div id='haut'>					
			<table class='transparent'>
				<tr><td class='transparent'><a href='index.php'><img src='./images/logo_redim.png'></a></td>
				<td class='transparent'><img src='fchanger()'></td>
				<td class='transparent'><img src='fchanger()'></td>
				<td class='transparent'><img src='fchanger()' ></td>
				<td class='transparent'><img src='fchanger()' ></td></tr>
			</table> 
		</div><!-- fin haut-->


Je sais qu'on ne peut pas appeler la fonction comme elle est appelée ici, mais je l'ai fais pour expliquer: Je voudrais que dans chaque <td> de mon tableau une image soit chargée aléatoirement depuis les images du tableau de la fonction.

Il y a aussi un autre problème, c'est que lorsque je fais <body onLoad="fchanger()"> c'est le background de ma div "haut" qui change alors que ce n'est pas ce que je veux.(je sais que ça vient de là: ... style.background mais je ne sais pas quoi mettre à la place)

J'espère que vous pourrez m'aider, si vous avez besoin de plus de renseignements ou si mes explications ne sont pas claires dites le moi, merci
A voir également:

7 réponses

dracucharles Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   6
 
Up, merci :)
1
youandme Messages postés 101 Date d'inscription   Statut Membre Dernière intervention   7
 
voilà pour toi...

<script type="text/javascript"><!--



function image() {
};

image = new image();
number = 0;

// imageArray
image[number++] = "<image 1' border='0'>"
image[number++] = "<image2' border='0'>"
image[number++] = "<image3' border='0'>"
// keep adding items here...

increment = Math.floor(Math.random() * number);

document.write(image[increment]);

//--></script>
0
dracucharles Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   6
 
Merci, mais je ne vois pas trop en quoi ça peut m'aider :/ si tu pouvais me donner un peu d'explication ça serait sympa.

Mon problème est qu'il faut que j'affiche dans chaque <td> de mon tableau une image générée aléatoirement depuis le Array (tab) de ma fonction javascript.
0
youandme Messages postés 101 Date d'inscription   Statut Membre Dernière intervention   7
 
oui mais comme je ne sais pas comment faire pour généré des images aléatoirement depuis le array, je te donne une méthode que je connais...
tu dois surement la connaitre mais je me suis dit on sait jamais...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
dracucharles Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   6
 
En fait la génération aléatoire des images ça va, mais c'est plutôt comment appeler la fonction pour que les images apparaissent dans mon tableau.
Si quelqu'un pouvait m'aider ça serait sympa, merci
0
dracucharles Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   6
 
J'ai trouvé une autre manière de procéder, merci à ceux qui ont bien voulu m'aider ;)
0
sunzeld
 
On peut connaitre la solution que tu as trouvé ????? :D

Merci !!
0