Fenetre PopUp pour Photo (Php & js)

jokki123 Messages postés 1 Date d'inscription   Statut Membre Dernière intervention   -  
AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   -
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:

1 réponse

AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   1 312
 
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+'">');
0