Discussion :

[Invité]

Bonjour, je recherche à ouvrir mes photos comme sur ce site >

http://www.fleurs-plantes-artificielles.fr/bonsai-artificiel-chinese-en-coupe,fr,4,18012-71.cfm


Quelqu'un peut-il m'aider à connaitre le principe de ce type d'ouverture (ou zoom) d'image, pour savoir comment je pourrais obtenir ce résulta SVP, merci

[RomainVALERI]

C'est cette fonction qui opère le zoom :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
// gestion calque zoom
 
//-----------------------
 
	function visibleZoomCalqueProduit(action,image,ref){
 
		with (document.getElementById("zoomCalque").style){
 
			if(action==1){
 
				document.getElementById("imgZoomCalque").src="../site/zoomProduit/"+ref+"_zoom"+image+".jpg";
 
				visibility="visible";
 
			}
 
			else{
 
				document.getElementById("imgZoomCalque").src="../site/zoomProduit/rechercheImage.gif";
 
				visibility="hidden";
 
			}
 
		}
 
	}

Sur le principe, la version "zoomée" de l'image existe déjà, est déjà positionnée, et le survol de la vignette ne fait qu'activer la visibilité de l'élément, qui redevient invisible quand on cesse de survoler la vignette.

[Ethyde]

Bonjour,

il s'agit de javascript, rien à voir avec du html, il s'agit d'une "lightbox" ou "popin" ou "dialog box".

En l’occurrence de celle-ci : http://lokeshdhakar.com/projects/lightbox2/

[Invité]

oké merci pour vos messages... il faut donc que j'essaye ce javascript !!!
c'est pas encore gagné pour moi alors dans ce cas