window.open automatiquement à la dimension de l'image
Bonjour à tous !
Je débute dans le JavaScript, j'ai récupéré une fonction qui ouvre un cadre pour afficher une photo dans mon blog...
Et j'aimerais bien que le cadre qui s'ouvre prenne automatiquement les dimensions de la photo.
Dans le head du template, j'ai mis ceci :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <script type='text/Javascript'>
function ouvreCadre(url) {
var nom;
nom = "_blank";
// traitement des parametres facultatifs de taille
var w = arguments[1];
var h = arguments[2];
if (!w) w = 1200;
if (!h) h = 850;
// ouverture du cadre
var win = window.open(url, nom, "resizable=yes,scrollbars=yes,toolbar=no,width=" + w + ",height=" + h);
if (win.opener == null) win.opener = this;
// focus (si la fenetre est deja ouverte)
win.focus(); }
</script> |
Ca marche, mais à chaque fois il faut préciser à la main les dimensions... n'y aurait-il pas un moyen que ce soit automatique ?
J'attends vos suggestions !
Merci
Amadou
adapter la dimension de la popup à la taille de l'image
Bonjour,
j'ai déjà posté un peu plus tôt mais je n'ai pas eu de réponse alors je me permets de préciser la question !
(et je n'ai rien trouvé dans le forum...)
J'aimerais ouvrir une PopUp dont la taille s'adapterait automatiquement à la taille de l'image.
Pensez-vous que c'est possible ?
Par exemple, si mon image fait 500x300 pixels mais que a priori je ne le sais pas, la fenêtre popup s'ouvre avec ces dimensions...
d'avance, merci !
Amadou
ouvrir un popup automatiquement aux dimensions de l'image
Bonjour !
J'ai trouvé un petit truc quelque part, je ne comprends pas pourquoi ça ne marche pas. Quelqu'un pourrait-il m'aider ?
Dans le template du blog, j'ai mis ceci :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| <script type='text/Javascript'>
function PopImg(img) {
image = new Image();
image.src = img;
lmax=screen.width-50;
html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY style='margin:0;'><IMG NAME='imageTest' SRC='"+img+"' onLoad='lmax=screen.width-50;hmax=screen.height-50;i=document.imageTest;l=i.width;h=i.height;if(l>=lmax){h=(lmax/l)*h;l=lmax};if(h>=hmax)h=hmax;window.resizeTo(l,h);moveTo((lmax-l)/2,0)' onclick='window.close()' style='max-width:"+lmax+"'/></BODY></HTML>';
popupImage = window.open('','','width=200+"px",height=200+"px",scrollbars=no,resizable,status=no');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close();
}
</script> |
Puis dans l'article que je souhaite publier, j'ai mis ceci :
Code:
<a href="javascript: PopImg('http://.............jpg')"><img src="http://......idem......jpg" alt="" align="center" style="display: block; text-align: center; cursor: pointer;" title="Cliquer pour fermer"></a>
Résultat : l'image ne s'affiche pas dans le cadre prévu et rien ne se passe si on clique dessus...
Quelqu'un pourrait-il m'aider s'il-vous-plaît ?
Merci beaucoup
