lien sur image pour ouverture pop up

Version imprimable

salut

je cherche à ouvrir une image en pop up, en cliquant sur une image, c'est pour faire
un site genre galerie, on clique sur l'icone en petit et on l'obtient en grand, et je souhaitait que cela s'ouvre en pop up, c'est plus élégant, on peut voir ici :http://qi.jinxiu.free.fr/test/peinture.html
mais malheureusement ça ne marche qu'avec safari ! , c'est assez moyen comme résultat.
voici le code utilisé :
Code:

1 2 3 4 5 6 7 </p> <p class="ico1"> <a href="../test/autoportrait.jpg" onclick="window.open(this.href, 'exemple', 'height=650, width=500, top=150, left=400, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false;"> <button type="button" <img src=" ../test/icoautoportrait.jpg" alt="lien_image" title="autoportrait" height="80" width="80" /></button> </a> Autoportrait, huile sur papier toile. 2005 </p>
c'est un code adapté de open web, ce que je rajoute c'est l'icone pour cliquer dessus, dans les autres navigateur ça marche mais l'image (petite icone) n'apparait pas.
voilà si quelqu'un à une idée.

merci à tous, et en tt cas très bonne année 2007
va peut etre falloir lacher les claviers et d'aller chercher quelques bouteilles de champagne quoi !

Bonjour,
pourquoi tu ne fais pas simplement :

Code:

1
2
<a href="#" onclick="window.open('../test/autoportrait.jpg' , 'exemple', 'height=650, width=500, top=150, left=400, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no')">
<img src=" ../test/icoautoportrait.jpg" alt="lien_image" title="autoportrait" height="80"  width="80" border="0" /></a>

Code:

1
2
 <img src=" ../test/icoautoportrait.jpg" alt="lien_image" title="autoportrait" height="80"  width="80" onclick="window.open(this.src, 'exemple', 'height=650, width=500, top=150, left=400, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false;"/>

31/12/2006, 16h04
N1bus

exact kerod ;)
31/12/2006, 16h14
nahkira

hello

merci bcp pour vos reponse !
ça marche déja très bien avec le code de M. Ninbus auxquel j'ai juste rajouté
un return false comme ceci :

Code:

<a href="http://qi.jinxiu.free/test2/autoportrait.jpg" onclick="window.open('../test2/autoportrait.jpg' , 'exemple', 'height=650, width=500, top=150, left=400, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false;">

pour éviter que la page principale ne revienne en erreur.
vous pouvez visualiser mon essai ici :http://qi.jinxiu.free.fr/test2/peintures.html
je l'ai testé plusieurs navigateur pc et mac et ça marche ! c'est déja super

je vais tester aussi le code de M. Kerod.
merci à vous deux, et bonne super année en tt cas,
fête bien la fête
merci
31/12/2006, 16h16
N1bus

Bonne année à toi aussi :)
31/12/2006, 16h52
FremyCompany

Encore plus simple, et sans JS :

Code:

<a href="monImageEnGrand.jpg" target="zoomWindow"><img src="monImage.jpg" /></a>
31/12/2006, 17h11
nahkira

hello

impressionnant ce bout de code tt simple !
ça marche pas mal en effet, mais au niveau effet visuel il ouvre une fenetre
trop grande à mon gout.
pour le plus beau résultat est dans safari (mac) ou l'image s'ouvre plein pot
sans cadre blanc autour
31/12/2006, 19h39
FremyCompany

Rien ne t'empeche de faire ceci, dans le onload :

Code:

open(null,"zoomWindow",/*ici les params que tu veux*/).close()

Ainsi, la fenêtre aura déjà été ouverte avec les paramètres que tu désires (mais sera fermée tant que l'utilisateur n'a pas cliqué sur un lien)