Sujet Précédent Sujet Suivant

[popup]

Fermé
umera Messages postés 2 Date d'inscription lundi 7 novembre 2005 Statut Membre Dernière intervention 8 novembre 2005 - 7 nov. 2005 à 18:30
umera Messages postés 2 Date d'inscription lundi 7 novembre 2005 Statut Membre Dernière intervention 8 novembre 2005 - 8 nov. 2005 à 17:09
bonjour, j'essaye de créer un site, où il y a des images, je souhaite qu'en cliquant sur les miniatures, les visiteurs puissent voir les images en plus grande taille, c'est trouvé un script donné par king sur ce site le voici

<script language="JavaScript">
function PopupImage(img) {
titre="Popup Image - Titre site";
w=open("",'image','width=800,height=600,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+12,document.images[0].height+30); window.focus();} else { setTimeout('check()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>");
w.document.write("");
w.document.write("</BODY></HTML>");
w.document.close();
}
</script>

<a href="javascript:PopupImage('image.jpg')"><img src="image.jpg" align="middle" width="xx" height="xx" border="0" alt="mon-image"></a>

il fonctionne, mais il laisse l'ascenceur sur le côté et en bas, tres peu mais il est là quand même !
je cherche à ce que la popup soit exactement à la taille de la photo.
mes images ne dépassent pas 450 sur 450, je dois certainement modifier une valeur dans le script, j'ai tout essayé, mais sans succés, si quelqu'un à la solution,
d'avance merci
un novice
A voir également:

3 réponses

Réponse 1 / 3
Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 200
8 nov. 2005 à 09:29
Salut, moi je ferais un truc comme ça alors (je mets en gras ce que j'ai changé) : 


<script language="JavaScript">
function PopupImage(img,hauteur,largeur) {
titre="Popup Image - Titre site";
w=open("",'image','width='+largeur+',height='+hauteur+',toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<SCRIPT language=javascript>function </"+"SCRIPT>");
w.document.write("<BODY onload='javascript:window.focus()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>");
w.document.write("");
w.document.write("</BODY></HTML>");
w.document.close();
}
</script>

<a href="javascript:PopupImage('image.jpg','YY','XX')"><img src="image.jpg" align="middle" width="XX" height="YY" border="0" alt="mon-image"></a>


Voilà moi j'aurais bien vu ça comme ça...
J'espère qeu ça fonctionnera :)



Zep3k!GnO
-->Kurtis jackson"Dans la vie tu as besoin de 3 choses : le fitness, l'aérobique et moi".
0
Réponse 2 / 3
Utilisateur anonyme
8 nov. 2005 à 10:53 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
<script language="JavaScript">
  var IMAGE_MAX_WIDTH = 450;
  var IMAGE_MAX_HEIGHT = 450;
  var imgWidth = IMAGE_MAX_WIDTH;
  var imgHeight = IMAGE_MAX_HEIGHT;
   
  function PopupImage(imgURL) {
    image = new Image();
    image.src=imgURL;
	imgWidth = image.width;
    imgHeight = image.height;
	fixImgSize(image);
	url="'"+imgURL+"'";

	html  = "<html><head>";
	html += "<style>";
	html += "  body{padding:0; margin:0;border:0;}";
	html += "</style>";
	html += "</head>";
	html += "<body>";
	html += "<img src='"+imgURL+"' width='"+imgWidth+"' height='"+imgHeight+"' />";
	html += "</body></html>";
	w=window.open('','','toolbar=no,scrollbar=no,titlebar=no,statusbar=no'); 
	w.document.write(html);
	w.document.close();
	w.resizeTo(imgWidth, imgHeight);
  }
  
  function fixImgSize(img){
  	if (img.width>IMAGE_MAX_WIDTH){
	  if(img.height>img.width){
	    imgHeight = IMAGE_MAX_HEIGHT;
		imgWidth = parseInt(parseInt(IMAGE_MAX_WIDTH * img.width)/img.height);
	  }else{
	    imgWidth = IMAGE_MAX_WIDTH;
		imgHeight = parseInt(img.height * IMAGE_MAX_HEIGHT/img.width);	  
	  }
	}else if(img.height>IMAGE_MAX_HEIGHT){
	  imgHeight = IMAGE_MAX_HEIGHT;
	  imgWidth = parseInt(parseInt(IMAGE_MAX_WIDTH * img.width)/img.height);
	}
  }
</script>  	
</head>

<body>

  <span onclick="javascript: var imgToDisplay=this.childNodes[0].src; PopupImage(imgToDisplay);">
	<img src="testBig.jpg" align="middle" border="0" alt="mon-image" />
  </span>

</body>
</html>



;-)
HackTrack
0
Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 200
8 nov. 2005 à 11:10
je vois pas à quoi cela sert de plus ?!

Zep3k!GnO
-->jackson kurtis:"dans la vie tu as besoin de 3 choses: l'aérobic, le fitness et moi"
0
Utilisateur anonyme > Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015
8 nov. 2005 à 13:32
A rien, je te rassure ;-)

Simplement, j'ai cherché une solution et j'ai posté sans voir que tu avais répondu entretemps

;-)
HackTrack
0
Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 200 > Utilisateur anonyme
8 nov. 2005 à 14:09
A rien, je te rassure ;-)
Oki merci ,j'ai commencé a flippé sur mon javascript :D

Bonne journée .

Zep3k!GnO
-->Kurtis jackson"Dans la vie tu as besoin de 3 choses : le fitness, l'aérobique et moi".
0
Réponse 3 / 3
umera Messages postés 2 Date d'inscription lundi 7 novembre 2005 Statut Membre Dernière intervention 8 novembre 2005
8 nov. 2005 à 17:09
merci pour ces reponses, j' ai utilisé la premiere solution donnée par Zep3k!Gno, ça fonctionne, mais encore une petite question, mes images font soit 450 x 295 ou 295 x 450, la popup s'ouvre donc sur 450 x 450 comment faire pour que la photo soit centrée dans la popup.
c'est la première fois que je venais sur un forum comme celui ci, et je tiens à remercier tout les participants qui renseignent les néhophyte comme moi
encore merci pour vos reponses
0

Discussions similaires

pc bloque
nico -
NICO -

33 réponses
mon ordi est bloquer sur american megatrends
kpointe -
doudous -

23 réponses
[PHP] Créer un pop up
ChtiChris -
ChtiChris -

6 réponses
Application popup
xavier -
cpd -

11 réponses
PC bloqué sur American megatrend
Sabrina -
Sabrina -

2 réponses