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
