Ouvrir une popup agrandissant une image et se ferme automatiquement

Soyez le premier à donner votre avis sur cette source.

Snippet vu 54 343 fois - Téléchargée 29 fois

Contenu du snippet

Permet d'ouvrir une popup avec l'agrandissement d'une image et se ferme s'il y a un click sur une autre fenêtre

Source / Exemple :


<SCRIPT LANGUAGE="JavaScript">
function PopupImage(img) {
	w=open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes, width=510, height=210');	
	w.document.write("<HTML><BODY onblur=\"window.close();\"><IMG src='"+img+"'>");
	w.document.write("</BODY></HTML>");
	w.document.close();
}
</script>

sur votre body : 

<a href="javascript:PopupImage('Ici le chemin de votre image)">
<img src="chemin de votre image" width="60" height="30" border="0" alt=""></a>

whidth et height sont à ajuster pour votre convenance.

A voir également

Ajouter un commentaire

Commentaires

cs_zzzzzz
Messages postés
408
Date d'inscription
lundi 16 décembre 2002
Statut
Membre
Dernière intervention
18 décembre 2012
-
Source utile, merci :)
cs_zzzzzz
Messages postés
408
Date d'inscription
lundi 16 décembre 2002
Statut
Membre
Dernière intervention
18 décembre 2012
-
10/10
kikong
Messages postés
23
Date d'inscription
samedi 6 août 2005
Statut
Membre
Dernière intervention
9 janvier 2008
-
Et les gars j'ai rien compris comment on mets votre script!!

En gros j'ai des images et je voudrais que quant on clique dessus, un agrandissement en popup se fasse
J'ai essayer de choper des codes mais j'ai toujours pa réussi help!!!!

Merci!
dandvp
Messages postés
30
Date d'inscription
mardi 17 mai 2005
Statut
Membre
Dernière intervention
21 janvier 2007
-
Salut kikong!
Ca fonctionne bien mais y'a une petite erreur oubli de cote '
voici le bon:
entre <head> :

<SCRIPT LANGUAGE="JavaScript">
function PopupImage(img) {
w=open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes, width=510, height=210');
w.document.write("<HTML>");
w.document.write("</HTML>");
w.document.close();
}
</script>

sur votre body :

[javascript:PopupImage('Ici le chemin de votre image')
]

whidth et height sont à ajuster pour votre convenance.

Mylo ++
kikong
Messages postés
23
Date d'inscription
samedi 6 août 2005
Statut
Membre
Dernière intervention
9 janvier 2008
-
Body??

donc je mets ça dans ma page web :
<head> :

<SCRIPT LANGUAGE="JavaScript">
function PopupImage(img) {
w=open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes, width=510, height=210');
w.document.write("<HTML>");
w.document.write("</HTML>");
w.document.close();
}
</script>

et ça où?

[javascript:PopupImage('Ici le chemin de votre image')
]

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.