11521 sujets

JavaScript, DOM et API Web HTML5

bonjour,
voilà, j'ai un tableau contenant des vignettes, et je voudrai qu'au survol de chaque vignette avec la souris on ait l'image qui s'affiche en plus grand et avec un texte à côté (qui masquerait donc les autres vignettes) et que le tableau des vignettes réapparaisse dès que la souris n'est plus dessus. Quelqu'un saurait me dire comment faire ?
merci
Salut, tout simplement en utilisant CSS.
Le tag HTML <elementHtml>
td pour tout les tag td ayant des tag img pour enfant et hover l'action de survol.

CSS

td img#tonId1:hover{
       content:url("dossier_image/mon_image_grande_1.jpg");
}

td img#tonId2:hover{
       content:url("dossier_image/mon_image_grande.jpg");
}



html

...
<td><img id="tonid1" src="dossier_image/petite_image_1.jpg"/></td>
<td><img id="tonid2" src="dossier_image/petite_image_2.jpg"/></td>
 ...


C'est pas dynamique mais statique, plus simple a comprendre les bases, il te reste a faire la même chose pour tout le reste ...