Javascript + images
Golems
-
JEROMAX Messages postés 275 Statut Membre -
JEROMAX Messages postés 275 Statut Membre -
Salut à tous
Voila j'ai un petit souci avec Javascript : je voudrais savoir, AVANT D'OUVRIR UNE IMAGE, la taille de celle-ci pour pouvoir redimensionner ma popup correctement. J'ai trouvé un petit prog qui fait cela en ouvrant dans un premier temps l'image puis recupère la taille de l'image et redimensionne automatiquement la pop up. Prog tres pratique. Malheureusement cela ne marche que sous IE. Sous Netscape et autre la popup contient des scrolls et cette derniere n'est pas à la bonne dimension !!!!!
Si qq'un a une soluce, merci d'avance.
Voici le prog :
<SCRIPT LANGUAGE="JavaScript">
<!--
function PopupImage(img) {
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("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Mon image'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}
//-->
</SCRIPT>
<A href="javascript:PopupImage('img/grandes/numero1.jpg')"><IMG src="img/petites/numero1.jpg" class="image" alt="Cliquer pour agrandir"></A>
Voila j'ai un petit souci avec Javascript : je voudrais savoir, AVANT D'OUVRIR UNE IMAGE, la taille de celle-ci pour pouvoir redimensionner ma popup correctement. J'ai trouvé un petit prog qui fait cela en ouvrant dans un premier temps l'image puis recupère la taille de l'image et redimensionne automatiquement la pop up. Prog tres pratique. Malheureusement cela ne marche que sous IE. Sous Netscape et autre la popup contient des scrolls et cette derniere n'est pas à la bonne dimension !!!!!
Si qq'un a une soluce, merci d'avance.
Voici le prog :
<SCRIPT LANGUAGE="JavaScript">
<!--
function PopupImage(img) {
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("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Mon image'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}
//-->
</SCRIPT>
<A href="javascript:PopupImage('img/grandes/numero1.jpg')"><IMG src="img/petites/numero1.jpg" class="image" alt="Cliquer pour agrandir"></A>
A voir également:
- Javascript + images
- Des images - Guide
- Extraire images pdf - Guide
- Recherche images - Guide
- Telecharger javascript - Télécharger - Langages
- Images enregistrées - Forum Blender
1 réponse
Si c'est pour un site Web, le javascript ne te sera d'aucun secours. Le javascript s'excute coté client, et ton image est coté serveur...
La solution est d'utiliser un langage serveur comme le php, asp,...
qui pourra aller lire la taille de ton fichier sur le serveur et ensuite passer les infos au client.
Si c'est pour une application locale, tu peux peut-être le faire en javascript (mais je ne me suis jamais penché sur le sujet...), mais il faut que le browser soit configuré à un niveau de sécurité très faible.
Bonne prog.
[ JEROMAX ] http://www.jeromax.free.fr
La solution est d'utiliser un langage serveur comme le php, asp,...
qui pourra aller lire la taille de ton fichier sur le serveur et ensuite passer les infos au client.
Si c'est pour une application locale, tu peux peut-être le faire en javascript (mais je ne me suis jamais penché sur le sujet...), mais il faut que le browser soit configuré à un niveau de sécurité très faible.
Bonne prog.
[ JEROMAX ] http://www.jeromax.free.fr
