Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 29/11/2011, 10h42   #1
Invité de passage
 
Homme WILL KOSTA
Webmaster
Inscription : novembre 2011
Messages : 2
Détails du profil
Informations personnelles :
Nom : Homme WILL KOSTA
Localisation : France, Haute Savoie (Rhône Alpes)

Informations professionnelles :
Activité : Webmaster

Informations forums :
Inscription : novembre 2011
Messages : 2
Points : 0
Points : 0
Par défaut Ouverture d'images html

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
will-kosta est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 29/11/2011, 10h54   #2
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 581
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 581
Points : 4 087
Points : 4 087
C'est cette fonction qui opère le zoom :
Code javascript :
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.
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 29/11/2011, 10h55   #3
Membre éclairé
 
Inscription : février 2009
Messages : 308
Détails du profil
Informations forums :
Inscription : février 2009
Messages : 308
Points : 309
Points : 309
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/
Ethyde est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 29/11/2011, 11h20   #4
Invité de passage
 
Homme WILL KOSTA
Webmaster
Inscription : novembre 2011
Messages : 2
Détails du profil
Informations personnelles :
Nom : Homme WILL KOSTA
Localisation : France, Haute Savoie (Rhône Alpes)

Informations professionnelles :
Activité : Webmaster

Informations forums :
Inscription : novembre 2011
Messages : 2
Points : 0
Points : 0
oké merci pour vos messages... il faut donc que j'essaye ce javascript !!!
c'est pas encore gagné pour moi alors dans ce cas
will-kosta est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 00h21.


 
 
 
 
Partenaires

Hébergement Web