Affichage sur le même écran d'une imge grande qd on clique sur l'imagette

dutremblay - 10 juin 2013 à 12:32
corentin.93 Messages postés 1737 Date d'inscription dimanche 20 mai 2007 Statut Membre Dernière intervention 19 décembre 2015 - 16 août 2013 à 12:17
Je dispose de 2 fichiers : un pourles imagettes et un pour les images 600x600 environ.
J'affiche les imagettes dans une table sur la gauche de l'écran et je voudrais qu'en cliquant (ou passant la souris) sur une imagette la grande s'affiche sur la partie droite de l'écran.
Je travaille en php avec une boucle et donc des tableaux de variables.
Je viens chercher de l'aide. Merci d'avance

1 réponse

corentin.93 Messages postés 1737 Date d'inscription dimanche 20 mai 2007 Statut Membre Dernière intervention 19 décembre 2015
16 août 2013 à 12:17
Il te faut passer par du Javascript.
Dans la partie droite, mets quelque chose comme ça :
<img src="" id="image">

Et sur chacun de tes images à gauche, une fonction javascript :
<img src="miniature001.jpg" onClick="afficher('grande001');" />

Et la fonction "afficher" :

<script type="text/javascript">
function afficher(image){
     document.getElementById("image").src=image;
}
</script>
0
Rejoignez-nous