Se connecter avec
S'enregistrer | Connectez-vous

Pop-up

Dernière réponse : dans Programmation

Salut, je cherche à mettre un pop-up sur ma page perso, de telle sorte qu'en cliquant sur une miniature, l'image s'ouvre dans une fenêtre volante paramétrée en dimensions fixes, sans toolbar, etc.

J'ai cherché un script sur allhtml.com, mais ça marche pas. En attendant, j'ai mis une fenêtre html standard, c'est un peu naze ;-)

Merci

Autres pages sur : pop

Lassé par la pub ? Créez un compte

<SCRIPT LANGUAGE="JavaScript">

function PopupImage(img) {
popup=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=yes');
popup.document.write("<HTML><HEAD><TITLE>titre image</TITLE></HEAD>");
popup.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>");
popup.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>");
popup.document.write("");
popup.document.write("</BODY></HTML>");
popup.document.close();
}
</SCRIPT>

ce code entre </title> et </head>


<A href="javascript:p opupImage('chemin/images')" border=0>cilke here</a>

et celui la ou tu veux placer ton lien! Ca marche impec! J'ai passer la nuit dessus, je le garanti OK!
lol

Merci d'y avoir passé la nuit ! Malheureusement, je crois que le problème ne vient pas des scripts, mais de l'application que j'en fais... :-D

Un truc m'éhchappe, j'applique à la lettre les consignes des différents sites, ainsi que les tiennes, mais rien n'y fait :-?

Si quelqu'un a le courage de regarder :

Partie 1 : ligne 36, colonne 1
Partie 2 : ligne 274, Colonne 19

Site

Merci !

essai ceci :

<html>

<script type="text/javascript">
function ImageMax(chemin)
{
html = '<html> <head> <title>Mes images...</title> </head> <body bgcolor=black><IMG src="'+chemin+'" BORDER=0 NAME=ImageMax onLoad="window.resizeTo(document.ImageMax.width+40, document.ImageMax.height+60)"></body></html>';
popupImage = window.open('','_blank','toolbar=0, location=0, directories=0, menuBar=0, scrollbars=0, resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close()
};
</script>

<a href="#" onclick="ImageMax('tonimage.jpg');"><img src="tonimage.jpg"></a>

</html>

:-)

Il doit bien y avoir une explication tout de même :-(

Avec le dernier script proposé - que je n'ai pas mis sur la version en ligne - lorsque je clique sur l'image, ça ouvre une première fenêtre avec une erreur, et une seconde qui est... l'index du site ! On lui a rien demandé à celui-là, sans blague :-D

A la réflexion - je baisse pas les bras :-D - le problème vient peut-être du script de tête (enfin, la première partie quoi). Il est inscrit "'+chemin image+'" etc., mais je ne sais pas quand je dois remplacer tout ça par les coordonées de mes pics qui se trouvent dans un dossier nommé Img.

Merci !

T'énerve pas zak :-D

J'ai essayé ton script, ça ne marche pas. Peux-tu mettre en gras, sur ton précédent post, les trucs à modifier, sachant ceci : à la racine du site, j'ai ma page index.htm et un dossier nommé Img dans lequel se trouve la miniature (imgev.gif)où il faut cliquer et la photo (photo1.jpg) à mettre dans le pop-up.

Merci pour votre patience, je me déçois aussi... j'ai pourtant mis d'autres javascripts et je m'en suis sorti sans problème, m*rde tiens :-?

Essai ceci :

Index.htm :

<html>
<script type="text/javascript">
function ImageMax(chemin){
html = '<html> <head> <title>Mes images...</title> </head> <body bgcolor=black><IMG src="'+chemin+'" BORDER=0 NAME=ImageMax onLoad="window.resizeTo(document.ImageMax.width+40, document.ImageMax.height+60)"></body></html>';
popupImage = window.open('','_blank','toolbar=0, location=0, directories=0, menuBar=0, scrollbars=0, resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close()
};
</script>

<body>
<a href="#" onclick="ImageMax('Img/photo1.jpg');"><img src="Img/imgev.gif"></a>
</body>
</html>

Entre les balises <body> et </body> tu met le code de ta page. LE "<a href="#" onclick="ImageMax('Img/photo1.jpg');"><img src="Img/imgev.gif"></a>" est a mettre à l'endroit ou tu met ta miniature.

;-)

Ah ouais mais ce que tu veux c'est que le popup s'affiche direct, c'est bien ca ?

Fais ceci alors :

<html>
<script type="text/javascript">
function ImageMax(chemin){
html = '<html> <head> <title>Mes images...</title> </head> <body bgcolor=black><IMG src="'+chemin+'" BORDER=0 NAME=ImageMax onLoad="window.resizeTo(document.ImageMax.width+40, document.ImageMax.height+60)"></body></html>';
popupImage = window.open('','_blank','toolbar=0, location=0, directories=0, menuBar=0, scrollbars=0, resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close()
};
</script>

<body>
<script>
ImageMax('Img/photo1.jpg');
</script>
</body>
</html>

Au fait, j'ai posté un réponse à ton message sur scrat world ;-)

Je ne serais pas dispo pendant un moment, ... escsuse si je ne peux pas te répondre. :-?
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde