afficher une image variable

Bonjour

Je ne sais pas du javascript ou du php lequel est le plus approprié mais j'ai un tableau scindé en deux dans la hauteur et en trois dans la partie du bas, dans la largeur. Dans chaque cellule du bas j'ai une image que je souhaite afficher dans la partie supérieure (une sorte de webgallerie).
Cependant je n'y arrive pas donc si vous avez des idées (ou mieux une solution^^) je serais soulagé de voir ce problème disparaitre.
Je précise que je ne connais pas du tout en javascript et très peu en php.

Voici le lien au cas où je n'aurais pas été très clair dans mes explications: http://jojodivx.hostarea.org/photos.html

Je vous remercie d'avance

Code:

---

<div id="big"><img id='zoom' src="" style="height:???px;width:px;visibility:hidden;" /></div>

---

et sur le onclick de tes vignettes

Code:

---

<img .... onclick="zoompic('image')" />

---

avec dans le head de ta page une fonction:

Code:

---

1 2 3 4 5 6 7 8 9

<script type='text.javascript'> function zoompic(monimage){ var MyScreen= document.getElementById('zoom') Myscreen.src=monimage; Myscreen.style.width= ???px; Myscreen.style.height= ???px; Myscreen.style visibility='visible'; } </script>

---

Merci SpaceFrog :D
Je viens d'up la page sur mon site mas je n'arrive toujours pas à cliquer sur les images.
En même temps je ne suis pas sûr à 100% si j'ai bien tout mis comme il fallait^^

oups ...

Code:

---

Myscreen.style.visibility='visible';

---

j'avais même pas vu^^
mais j'ai toujours le problème de rendre cliquable les images...

ben comme ça ...

Code:

---

<img onclick="alert('coucou')" src='...' style="cursor:pointer;" />

---

fais un test en ligne ...

j'ai pas trop compri en fait (désolé ^^)
là j'ai mes images que je dois rendre cliquables

Code:

---

1 2 3 4 5 6 7 8 9

<td align="center" valign="middle" height="200" width="239"> <img src="images/ballon.jpg" width="109" height="71" border="0" onclick="zoompic('images/ballon.jpg')"> </td> <td align="center" valign="middle" height="200" width="239"> <img src="images/pola.jpg" width="60" height="62" border="0" onclick="zoompic('images/pola.jpg')"> </td> <td align="center" valign="middle" height="200" width="239"> <img src="images/stage.jpg" width="153" height="144" border="0" onclick="zoompic('images/stage.jpg')"> </td>

---

et celle qui a été cliquée doit s'afficher ici

Code:

---

1 2 3

<td> <div id="big"><img id='zoom' src="" style="height:200px;width:200px;visibility:hidden;"></div> </td>

---

le code à l'air correct ... il y a un truc qui m'echappe ...

essaye à tout hasard :

Code:

---

onclick="zoompic('images\/stage.jpg')"

---

mais je ne penses pas que ce soit ça ...

le slash est dans le bon sens mais le problème c'est que je ne peux pas cliquer sur les images pour enclencher le code

Code:

---

1 2	Myscreen.style.width="200px"; Myscreen.style.height="200px";

---

et non

Code:

---

1 2	Myscreen.style.width=200px; Myscreen.style.height=200px;

---

as tu essayé de coller une alert à la place de la fonction ? comme l'exemple précédent juste pour voir si ça marche ??

j'ai essayé de mettre l'alert et ça marche

y'a une promos sur des yeux quelque part ?

Au passage :

Code:

---

1 2	var MyScreen= document.getElementById('zoom') Myscreen.src=monimage;

---

D'un côté tu as un S et de l'autre un s à screen.

Rappelons que Javascript est un langage case-sensitive.

pardon?
j'ai pas bien saisi^^

En effet c'était le S qui empêchait le code de se lancer.
Un grand merci à vous deux, vous me sortez d'un grand problème.:D

:aie: et des doigts aussi pour taper correctement ...

:lol:
en même temps j'avais copier/coller ^^