OUVRIR UNE POPUP AGRANDISSANT UNE IMAGE ET SE FERME AUTOMATIQUEMENT

Signaler
Messages postés
408
Date d'inscription
lundi 16 décembre 2002
Statut
Membre
Dernière intervention
18 décembre 2012
-
 Kiarie -
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/15973-ouvrir-une-popup-agrandissant-une-image-et-se-ferme-automatiquement

Bonjour!

Ce code marche nickel mais par contre mes images en taille reel ne font pas toutes la même taille. Il y a t'il un moyen que le pop up s'adapte de lui même a la taille de l'image?

Merci d'avance
Messages postés
1
Date d'inscription
mardi 22 janvier 2008
Statut
Membre
Dernière intervention
30 novembre 2010

Bonjour à tous, merci pour ce code sympas !
Mais j'ai un problème de comptabilité sous chrome.
Le lien n'est pas cliquable.
J'ai pas compris pourquoi.

Merci bcp.

NeXaN
Messages postés
36
Date d'inscription
lundi 29 mars 2010
Statut
Membre
Dernière intervention
5 novembre 2011

Bonjour,
Je me permet de relancer la question de bigdoudouille qui n'a pas obtenu de réponse concernant les légendes sous les images dans la popup.
Comment faire lorsqu'on a plusieurs images et que chacune d'elle a une légende différente?
J'ai essayé en modifiant comme tel:

function PopupImage(img,legende) {
titre="Agrandissement";
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("");
w.document.write("\");
w.document.write(\"");
w.document.write(""+legende+"");
w.document.write("
");
w.document.write("</HTML>");
w.document.close();
}
puis dans ma page html:
[javascript:PopupImage('Ici le chemin de votre image','legende') ]

Ça fonctionne mais, la légende se trouvant dans la balise url, pour être conforme au w3c je dois l'écrire avec des caractères d'échappement pour tous les espaces et les caractères accentués.
C'est pas génial pour les longues légendes.
Y a t il un autre moyen de procéder?

Comment modifier le script pour faire par exemple:

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

Merci d'avance.
Messages postés
5
Date d'inscription
jeudi 7 mai 2009
Statut
Membre
Dernière intervention
18 septembre 2009

Merci c'est super sympa PHPAJAX
Afficher les 30 commentaires