Discussion :

[c+cool]

Bonjour,

J'aimerais qu'en cliquant sur une image celle ci s'agrandit dans une nouvelle fenetre mais cette nouvelle fenetre etant de taille plus petite j'ai donc mis le code suivant

Code :

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

<a  href="images/Navy_sml.gif" onClick=" window.open("images/Navy_sml.gif","width=30,height=20")" target="new"><img src="images/Navy_sml.gif" alt=" Navy Blue" width="29" height="32" border="0" resize="yes"></a>

Mais la nouvelle fenetre qui s'ouvre est toujours tres grande?
pourquoi?
Avez vous une idée merci

[Auteur]

bonjour,

attention à la syntaxe !! Il faut combiner les " et les ' :

Code :

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

1
2
 
<a  href="images/Navy_sml.gif" onclick=" window.open('images/Navy_sml.gif','width=30,height=20')" target="new"><img src="images/Navy_sml.gif" alt=" Navy Blue" style="width:29px; height:32px;border: none"></a>

Par contre, je ne connais pas l'attribut resize sur une image .
Les attributs width, height et border, je les ai mis dans la balise style (plus conforme aux recommandations du W3C).

simple curiosité : new dans la balise a est un cadre?

[c+cool]

J'ai suivi le conseil mais ca ne marche toujours pas, j'ai toujours la fenetre qui s'ouvre en grand...

Code :

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

<a  href="images/Navy_sml.gif" onClick=" window.open('images/Navy_sml.gif','width=30,height=20')" target="_blank" ><img src="images/Navy_sml.gif" alt=" Navy Blue" width="29" height="32" border="0" resize="yes"/></a>

[magnus2005]

Essai avec ça.
sans href cela est inutile a priori.
Le lien et le target préemptent sur le onclick du coup ca doit pas bien marcher.

Code :

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

1
2
3
4
 
<img src="images/Navy_sml.gif" alt=" Navy Blue"  title=" Navy Blue" onClick=" window.open('images/Navy_sml.gif",
  "mywindow","location=1,status=1,scrollbars=1,
  width=100,height=100')" width="29" height="32" border="0" resize="yes")"/>

[c+cool]

J'ai essayé avec ca mais du coup l'image n'est plus cliquable quand je passe dessus...

[magnus2005]

desolé le code j ai mis etait une modif a la volée il faut corrige les ""

Code :

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

1
2
3
<img src="images/Navy_sml.gif" alt=" Navy Blue"  title=" Navy Blue" onClick="window.open('images/Navy_sml.gif',
  'mywindow','location=1,status=1,scrollbars=1,
  width=100,height=100')" width="29" height="32" border="0" resize="yes")"/>

Le mieux reste encore d appele une "function"

[c+cool]

Bonjour
Effectivement cela fonctionne cependant sans le href je perds le fait que lorsque l'on passe sur l'image l'icone de la souris ne se change pas en main mais reste la fleche...

[magnus2005]

pour avoir un curseur ajoute l'attribut

Code :

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

style="cursor:pointer"

à ta balise img

En te machant le travail ça donne :

Code :

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

1
2
3
4
 
<img src="images/Navy_sml.gif" alt=" Navy Blue"  title=" Navy Blue" onClick="window.open('images/Navy_sml.gif',
  'mywindow','location=1,status=1,scrollbars=1,
  width=100,height=100')" width="29" height="32" border="0" resize="yes")" style="cursor:pointer"/>

ou encore plus classe tu fais ça avec une class declarée dans ta css

[Auteur]

il manque un argument à open() :

Code :

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

1
2
 
<img src="images/Navy_sml.gif" alt="Navy Blue" title="cliquez sur l'image pour l'agrandir" onclick="window.open('images/Navy_sml.gif','Image','width=30,height=20')" style="width:29px; height:32px;border: none; cursor: pointer" />

ou :

Code :

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

1
2
3
4
 
<a href="#" onclick="window.open('images/Navy_sml.gif','','width=30,height=20'); return false;">
<img src="images/Navy_sml.gif" alt="Navy Blue" title="cliquez sur l'image pour l'agrandir"  style="width:29px; height:32px;border: none;" />
</a>

@magnus : attention aux fautes de frappe :

Code :

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

1
2
3
4
<img src="images/Navy_sml.gif" alt=" Navy Blue"  title=" Navy Blue" onClick="window.open('images/Navy_sml.gif',
  'mywindow','location=1,status=1,scrollbars=1,
  width=100,height=100')" width="29" height="32" border="0" resize="yes")" style="cursor:pointer"/>

et resize n'est, à ma connaissance, pas un attribut d'une balise img. Il faudrait l'inclure dans la méthode open().