Discussion :

[nahkira]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[N1bus]

Bonjour,
pourquoi tu ne fais pas simplement :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Kerod]

Ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;"/>

[N1bus]

exact kerod

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

[N1bus]

Bonne année à toi aussi

[FremyCompany]

Encore plus simple, et sans JS :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="monImageEnGrand.jpg" target="zoomWindow"><img src="monImage.jpg" /></a>

[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

[FremyCompany]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)