J'ai avancé un peu mais ce n'est pas concluant car parfois des td sont vides, parfois on a 2 fois la même photo et je ne l'explique pas mais au 2° click, il me remet systématiquement les photos telles qu'elles sont au démarrage...
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript">
function mix() {
var tbimage=new Array("d7","d7_02","d7_03");
for(i=0;i<3;i++){
var imageAleatoire=Math.round(Math.random()*tbimage.length);
document.getElementById("images").insertCell(0)
document.getElementById("images").cells[0].appendChild(document.createElement('a')).href='';
document.getElementById("images").cells[0].lastChild.appendChild(document.createElement('img'));
document.getElementById("images").cells[0].lastChild.lastChild.style.height="150px"
document.getElementById("images").cells[0].lastChild.lastChild.src='images/'+tbimage[imageAleatoire]+'.jpg'
tbimage.slice(imageAleatoire,imageAleatoire)
document.getElementById("images").deleteCell(3)
}
}
</script>
</head>
<body>
<div align="center" >
<table border='no' rules='none'>
<tr id="images" >
<td > <a> <img src="images/d7.jpg" width="150" height="150" onclick='mix()' ></a> </td>
<td > <a> <img src="images/d7_02.jpg" width="150" height="150" onclick='mix()' ></a> </td>
<td > <a> <img src="images/d7_03.jpg" width="150" height="150" onclick='mix()' ></a> </td>
</tr>
</table>
</div>
</body>
</html>
--------------------------------------------------------
http://www.projer.fr - dev web
http://www.lysdesign.fr - DA print / web - Illustratrice