Discussion :

[jojodivx]

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et sur le onclick de tes vignettes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

avec dans le head de ta page une fonction:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[jojodivx]

Merci SpaceFrog
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^^

[SpaceFrog]

oups ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Myscreen.style.visibility='visible';

[jojodivx]

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

[SpaceFrog]

ben comme ça ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

fais un test en ligne ...

[jojodivx]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

essaye à tout hasard :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[jojodivx]

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

[Bisûnûrs]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et non

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

[jojodivx]

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

[SpaceFrog]

y'a une promos sur des yeux quelque part ?

[Bisûnûrs]

Au passage :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[jojodivx]

pardon?
j'ai pas bien saisi^^

[jojodivx]

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.

[SpaceFrog]

et des doigts aussi pour taper correctement ...

[jojodivx]

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