redimenssionnement d'une image

redimenssionnement d'une image - HTML/CSS - Programmation

Marsh Posté le 24-04-2006 à 18:17:48    

rebonjour à tous,
je suis en train de crée un diaporama en javascript où l'utilisateur rentre différents paramètres avant de lancer le diaporama.
bref, lorsqu'il le lance, le diaporama s'ouvre dans une nouvelle fenetre pop up
toutefois, je ne sais pas comment faire pour qu'un redimensionnement automatique des images ait lieu pour que toutes les photos prennent la totalité de la fenetre popup et qu'elles aient toutes les memes dimensions
 
alors si vous voyiez comment faire, merci d'avance
 
voici le script de la fenetre popup:
 
wPopup.document.clear();
wPopup.document.write("<HTML><HEAD><TITLE>Slideshow : "+(num+1)+"/"+nb_img+"</TITLE></HEAD>" );
// La fonction qui attend que l'image soit chargée et affichée pour redimensionner la fenêtre à la bonne taille
wPopup.document.write('<SCRIPT language="JavaScript">\nfunction checkSize() { if(document.images[0].complete) { w = document.images[0].width+1000; h = document.images[0].height+1000; window.resizeTo(w, h); window.moveTo((screen.width-w)/2, (screen.height-h)/2); document.images[0].style.visibility = "visible"; window.focus(); } else { setTimeout("checkSize()", 250); } }\n</'+'SCRIPT>');
wPopup.document.write('<BODY bgcolor="#000000" leftMargin="0" topMargin="0" marginWidth="0" marginHeight="0">');
wPopup.document.write('<table width="100%" height="100%" align="center" cellpadding="0" cellspacing="0"><tr><td  valign="top"><center><font color="#FFFFFF"><h1><marquee style="color: rgb(255,255,255); font-family: Arial; font-size: 14pt" border="0" width="800" height="22">'+window.document.settings.comment.value+'</marquee>  </h1></font></center></td></tr><tr valign="middle"><td align="center"><img src="'+next_img.src+'" border="0" onLoad="checkSize()" onClick="window.opener.stop()" style="visibility:hidden"></td></tr></table>');
wPopup.document.write('</BODY></HTML>');
wPopup.document.close();
num++;

Reply

Marsh Posté le 24-04-2006 à 18:17:48   

Reply

Marsh Posté le 24-04-2006 à 18:57:42    

Reply

Marsh Posté le 24-04-2006 à 19:57:14    

?! gloups en français ça donne koi?

Reply

Marsh Posté le 24-04-2006 à 20:06:21    

ça donne:
<IMG width=320 height=240 src="photo1.jpg" alt="photo n°1" title="photo n°1">

Reply

Marsh Posté le 24-04-2006 à 21:34:44    

merci bocou nargy j'essaie des ce soir je te retiens au courant

Reply

Marsh Posté le 24-04-2006 à 21:52:22    

Juste une remarque en passant, organise, aère, indente ton code, tu t'y retouveras mieux :) (Et nous aussi...)


Message édité par gooopil le 24-04-2006 à 21:53:02
Reply

Marsh Posté le 24-04-2006 à 23:25:18    

oké goopil c'est vrè que c'est un peu un gros fouilli

Reply

Marsh Posté le 25-04-2006 à 19:28:50    

qude a écrit :

rebonjour à tous,
je suis en train de crée un diaporama en javascript où l'utilisateur rentre différents paramètres avant de lancer le diaporama.
bref, lorsqu'il le lance, le diaporama s'ouvre dans une nouvelle fenetre pop up
toutefois, je ne sais pas comment faire pour qu'un redimensionnement automatique des images ait lieu pour que toutes les photos prennent la totalité de la fenetre popup et qu'elles aient toutes les memes dimensions
 
alors si vous voyiez comment faire, merci d'avance
 
voici le script de la fenetre popup:
 
wPopup.document.clear();
wPopup.document.write("<HTML><HEAD><TITLE>Slideshow : "+(num+1)+"/"+nb_img+"</TITLE></HEAD>" );
// La fonction qui attend que l'image soit chargée et affichée pour redimensionner la fenêtre à la bonne taille
wPopup.document.write('<SCRIPT language="JavaScript">\nfunction checkSize() { if(document.images[0].complete) { w = document.images[0].width+1000; h = document.images[0].height+1000; window.resizeTo(w, h); window.moveTo((screen.width-w)/2, (screen.height-h)/2); document.images[0].style.visibility = "visible"; window.focus(); } else { setTimeout("checkSize()", 250); } }\n</'+'SCRIPT>');
wPopup.document.write('<BODY bgcolor="#000000" leftMargin="0" topMargin="0" marginWidth="0" marginHeight="0">');
wPopup.document.write('<table width="100%" height="100%" align="center" cellpadding="0" cellspacing="0"><tr><td  valign="top"><center><font color="#FFFFFF"><h1><marquee style="color: rgb(255,255,255); font-family: Arial; font-size: 14pt" border="0" width="800" height="22">'+window.document.settings.comment.value+'</marquee>  </h1></font></center></td></tr><tr valign="middle"><td align="center"><img src="'+next_img.src+'" border="0" onLoad="checkSize()" onClick="window.opener.stop()" style="visibility:hidden"></td></tr></table>');
wPopup.document.write('</BODY></HTML>');
wPopup.document.close();
num++;


[:natas]

Reply

Marsh Posté le 25-04-2006 à 19:35:52    

:D :lol: :D :lol:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed