Fenetre PopUp pour Photo (Php & js)

Fermé

jokki123 Messages postés 1 Date d'inscription vendredi 30 mars 2012 Statut Membre Dernière intervention 30 mars 2012 - 30 mars 2012 à 10:40
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 - 2 avril 2012 à 14:34

Bonjour,

Voilà je suis entrain de créer un site Internet, qui contiendra une galierie. J'aimerai avoir plusieurs albums avec toutes les vignettes constituant l'album de tableau dans un tableau. Lorsqu'on cliquera sur une vignette, on aura la photo en grand, et si on clique sur l'image, la popup se referme. Un peu à la méthode Facebook...

Mon problème est que....[roulements de tambours]....Ca ne marche pas !!! Je vous montre les parties de code concernées :

Juste après <head></head> :

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

Dans mon code, où je parcours une base de donnée pour récupérer les noms des photos à afficher :

<?php echo "<a href='javascript:PopupImage(fond_ecran.jpg)'><img src='fond_ecran.jpg' width=60 height=40 border=0></a>"; ?>

Si quelqu'un pouvait m'aider car le site devrait déjà être en ligne et je prend du retard avec ce truc :(

J'ai fait un test avec une image en "dur" pour essayer de voir où cela pouvait venir... L'image s'affiche normalement, le lien est crée, mais quand je clique rien ne se passe...

A voir également:

Fenetre PopUp pour Photo (Php & js)
Traduction photo gratuit - Guide
Photo de profil - Guide
Partage photo - Guide
Photo aérienne de ma maison - Guide
Photo filtre gratuit - Télécharger - Retouche d'image

1 réponse

Réponse 1 / 1

AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
2 avril 2012 à 14:34

Bonjour,

Tu as récupéré le code de quelque part ?
Sinon, j'ai envie de dire qu'il faut que tu relises cette ligne : w.document.write('<HTML><BODY onblur=\"window.close();\"><IMG src='"+img+"'>');
Attention avec tes ' et tes " !

=> w.document.write('<HTML><BODY onblur="window.close();"><IMG src="'+img+'">');

Discussions similaires

Pix

ALERT en php

Javascript Arrondi à 2 chiffres après la virgule

Discussions similaires

Newsletters