Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
850 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  redimenssionnement d'une image

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

redimenssionnement d'une image

n°1352965
qude
Posté le 24-04-2006 à 18:17:48  profilanswer
 

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++;

mood
Publicité
Posté le 24-04-2006 à 18:17:48  profilanswer
 

n°1353006
nargy
Posté le 24-04-2006 à 18:57:42  profilanswer
 
n°1353052
qude
Posté le 24-04-2006 à 19:57:14  profilanswer
 

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

n°1353057
nargy
Posté le 24-04-2006 à 20:06:21  profilanswer
 

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

n°1353123
qude
Posté le 24-04-2006 à 21:34:44  profilanswer
 

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

n°1353133
gooopil
pfiew
Posté le 24-04-2006 à 21:52:22  profilanswer
 

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
n°1353205
qude
Posté le 24-04-2006 à 23:25:18  profilanswer
 

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

n°1353846
gatsu35
Blablaté par Harko
Posté le 25-04-2006 à 19:28:50  profilanswer
 

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]

n°1353852
nargy
Posté le 25-04-2006 à 19:35:52  profilanswer
 

:D :lol: :D :lol:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  redimenssionnement d'une image

 

Sujets relatifs
image flottante: espace entre bordure et imageProbléme affichage image avec firefox sur smartblog
Mapping imagePasser d'une vidéo à une image
upload image avec ou sans composantinfobulles personnalisées sur image mappée...
[css] padding sur une image et doctypeinserer un nombre finis d'image dans un dialog box
[Javascript/HTML] Afficher une image local image invisible sous mozilla
Plus de sujets relatifs à : redimenssionnement d'une image


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR