Tu peux aussi te baser là-dessus :
http://openweb.eu.org/articles/popup/
Pour résumer, voici un code d'exemple :
Code : Tout sélectionner
<a href="mesimages/monimage.jpg" onclick="window.open(this.href, 'popupdemonimage1', 'height=600, width=400, top=50, left=50, toolbar=no, location=no, menubar=no, resizable=no, scrollbars=no, status=no'); return false;">ici le texte ou l'image qui fait lien</a>
dans l'ordre :
1/l'adresse de ton image : a href="mesimages/monimage.jpg"
2/onclick="window.open : fait que ceci ne se déclenchera que si JS est activé
3/(this.href, : pour ne pas avoir à répéter l'adresse de l'image.
4/'popupdemonimage1' : je donne un nom à ce popup, utile si j'en ai 2 dans la même page
5/'height=600, width=400, top=50, left=50, : je définis hauteur, largeur, décalage à partir du haut de la page, et décalage à.p. du bord gauche de la page, tout ça en pixels sans les unités, le chiffre seul (c'est pixels par défaut)
6/toolbar=no, location=no, menubar=no, resizable=no, scrollbars=no, status=no' : je définis si oui ou non (par "yes" ou "no") je veux pour afficher mon image : une barre d'outils, une barre d'adresse, de menu, si je dois pouvoir ou non la redimensionner au curseur, une barre de statut
7/return false; : ceci empêche d'ouvrir 2 fois le lien (oui, je sais, c'est pas trés clair, il faut omettre de l'indiquer pour piger mieux).
Après avoir fermé par ">" on met le bout de texte qui fait lien ou une vignette qui fait le lien vers une image agrandie d'icelle, puis, bien sûr, on met "</a>".
Et voilà comment on pompe Openweb (ton ami) mais comme j'ai donné le lien, ça me donne bonne conscience, tu trouveras peut-être que c'est mieux expliqué chez eux.
@Ymai: si l'internaute n'a pas JS activé, ça ouvre quand même le lien-image mais sur toute la page, semble-t'il. D'autre part, c'est intéressant de noter les différences d'explication entre ton lien de Mediabox et celui de Openweb...
Les 2 sont utiles.
Il n'y a pas de JS à déclarer dans le head, ce que je trouve curieux, puisque ça paraît être du JS, mais ça marche comme ça, alors...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.2) Gecko/20070219 Firefox/2.0.0.2