rollover ->image agrandie dans une autre cellule d'un tableau

Bonjour,

Voilà, j'ai un tableau du style :
<table>
<tr>
        <td>blabla</td>
        <td><img src="images/1.jpg" /></td>
        <td><img src="images/5.jpg"/></td>
        <td><img src="images/5.jpg"/></td>
        <td width="35%" rowspan="13">&nbsp;</td>
      </tr>
      <tr>
        <td>blabla</td>
        <td><img src="images/1.jpg" /></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        </tr>
</table>

En fait je voudrai que lorsqu'on survole une des images du tableau, une image agrandie s'affiche dans le <td width="35%" rowspan="13"> ainsi qu'un petit texte au dessous de 'image agrandie (il y aurai une image agrandie par image, exemple 1->1A, 5->5A..., ainsi qu'un texte pour chaque image)

Comment faire??

Merciiiiiiiii  

Bonjour,

>>lorsqu'on survole
    onmouseover

>>une image agrandie s'affiche
    image réceptrice.src = image émettrice.src
    avec width et heigth désirés dans l'attribut style

 >> ainsi qu'un petit texte au dessous de 'image agrandie
    accès à la cellule d'un tableau :
    tableau.rows[n° de ligne].cells[n° colonne].innerHTML="tout ce qu'on veut, images, texte, balises ....

---

---

Euh on met tout ça dans quel ordre??
et le code exact ca donne quoi??

dans quel ordre ? celui que tu veux.
le code exact ? essayes, tentes de faire...
                         si tu as des problèmes mets nous
                         ce que tu as fait, on aidera.

---

---

Salut Allez un peu d'aide supplémentaire function agrandit(numero) { document.getElementById("imgAgrandit").src = "images/"+numero+".jpg" } function retournormal(){ document.getElementById("imgAgrandit").src = "images/blank.jpg" }

Merci pour ta réponse, c'est gentil.
J'avais également réussie à trouver qqch du même genre :

function rollover_tjs(nom,src) {   
    document.images[nom].src=src;
}
function load() {
    if (document.images) {
        this.length=load.arguments.length;
        for (var i=0;i<this.length;i++) {
            this[i+1]=new Image();
            this[i+1].src=load.arguments[i];
        }
    }
}
function preload() {
    var temp=new load("1.jpg","5.jpg","1.2.jpg","5.2.jpg")
}
preload()


<td><a href="" onmouseover="rollover_tjs('img','images/1.2.jpg')" onmouseout="rollover_tjs('img','')"><img src="images/1.jpg" width="50" height="30" border="0"/></a></td>

<td width="35%" rowspan="7" valign="middle" id="1"><img id="img" name="img" /></td>



Merci à vous pour votre aide en tout cas