[popup]
umera
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
umera Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
umera Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
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
<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:
- [popup]
- Fake mcafee popup - Accueil - Piratage
- Firefox autoriser popup - Guide
- Real popup - Télécharger - Divers Réseau & Wi-Fi
- Popup cookies - Guide
- Windows webadvisor popup ✓ - Forum Antivirus
3 réponses
Salut, moi je ferais un truc comme ça alors (je mets en gras ce que j'ai changé) :
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".
<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".
<!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
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
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
