Discussion :

[Tail]

Salut,

J'ai 2 petites question de débutant , tres naives pour vous surement

1) comment selection (prendre en compte dans le champs du formulaire) l'image
séléctionné avec un click parmi une liste d'image qu'on défile avec un bouton ?

2) comment faire un zoom sur l'image selectectionnée (donc afficher une image plus grande ) ?

Merci d'avance.

[Auteur]

bonjour,

1- Regarde voir comme ceci. Ensuite lis le contenu du champ hidden.

Code html :

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

1
2
3
4
5
6
7
 
<form>
 
<img src="image.jpg" onclick="document.getElementById('nomImage').value=this.src">
<input type="hidden" id="nomImage">
 
</form>

2-Plusieurs possibilités :
-modifie la hauteur ou la largeur de l'image lors de l'événement (clientWidth ou clientHeight), mais tu perds en résolution
-ou affiche dans une pop-up (window.open) ton image agrandie grâce à un logiciel de retouches d'images.

[Tail]

bonjour,

1- Regarde voir comme ceci. Ensuite lis le contenu du champ hidden.

Code html :

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

1
2
3
4
5
6
7
 
<form>
 
<img src="image.jpg" onclick="document.getElementById('nomImage').value=this.src">
<input type="hidden" id="nomImage">
 
</form>

2-Plusieurs possibilités :
-modifie la hauteur ou la largeur de l'image lors de l'événement (clientWidth ou clientHeight), mais tu perds en résolution
-ou affiche dans une pop-up (window.open) ton image agrandie grâce à un logiciel de retouches d'images.

Au fait pour chaque petite image, j'en une grande. Je souhaite , si je click sur la petite image, jaffiche la grande ds une pop-up.

Merci.

[Auteur]

Code :

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

1
2
 
<img src="PetiteImage.jpg" onclick="window.open('grandeImage.jpg','image','height=100, width=200, resize=yes, toolbar=no, menubar=no, statusbar=no' )">