Ouvrir une image dans une nouvelle fenetre
Résolu/Fermé
A voir également:
- Ouvrir une image dans un nouvel onglet html
- Faire apparaitre une fenêtre html - Meilleures réponses
- Lien image html - Meilleures réponses
- Ouvrir une image dans une nouvelle fenetre ✓ - Forum - Internet / Réseaux sociaux
- Code html obliger à ouvrir un nouvel onglet - Forum - HTML
- "Afficher l'image" dans un nouvel onglet - Forum - Mozilla Firefox
- Ouvrir une page dans un nouvel onglet html ✓ - Forum - PHP
- Ouvrir un lien dans un nouvel onglet html ✓ - Forum - HTML
8 réponses
Gihef
16 mai 2006 à 18:45
- Messages postés
- 5137
- Date d'inscription
- mercredi 20 juillet 2005
- Statut
- Contributeur
- Dernière intervention
- 27 mai 2022
16 mai 2006 à 18:45
Bonjour,
Conseille à tes visiteurs de faire un clic-droit sur les images puis Ouvrir dans une nouvelle fenêtre.
Comme ça ils auront le choix.
Ou ajoute une cible vers une nouvelle fenêtre dans ton lien :
<a href="http://www.monbeausite.fr/images/img1_hdef.png" target="_blank"><img src="/images/img1_bdef.png" border="0" width="400" height="600" alt="img1 - Commentaire" title="Commentaire sur img1"></a>
+ Ton post aurait trouvé sa place dans le Forum webmastering.
Conseille à tes visiteurs de faire un clic-droit sur les images puis Ouvrir dans une nouvelle fenêtre.
Comme ça ils auront le choix.
Ou ajoute une cible vers une nouvelle fenêtre dans ton lien :
<a href="http://www.monbeausite.fr/images/img1_hdef.png" target="_blank"><img src="/images/img1_bdef.png" border="0" width="400" height="600" alt="img1 - Commentaire" title="Commentaire sur img1"></a>
+ Ton post aurait trouvé sa place dans le Forum webmastering.
Gihef
16 mai 2006 à 21:22
- Messages postés
- 5137
- Date d'inscription
- mercredi 20 juillet 2005
- Statut
- Contributeur
- Dernière intervention
- 27 mai 2022
16 mai 2006 à 21:22
Ça peut se faire.
J'avais mis en gras ce qu'il faut que tu ajoutes.
Ton lien ressemble certainement à :
<a href="http://www.monbeausite.fr/images/img1_hdef.png"><img src="/images/img1_bdef.png"></a>
Les vignettes sont référencées dans :
<img src="/images/img1_bdef.png"> (ici, bdef = basse définition)
et les images à tailles réelle sont dans :
<a href="http://www.monbeausite.fr/images/img1_hdef.png"> (ici, hdef = haute définition)
Il faut donc que ajoutes :
target="_blank"
à l'endroit que j'ai indiqué, dans le lien vers l'image à taille réelle, pour qu'elle s'ouvre dans une nouvelle fenêtre.
border="0" = pas de bordure à la vignette
width="100" = 100 pixels de large pour la vignette
height="150"" = 150 pixels de haut pour la vignette
alt="…" = le texte qui remplace l'image si elle ne s'affiche pas
title="…" = le texte qui apparaît si on laisse la souris au-dessus de l'image sans la bouger (comme une info-bulle. Amène ta souris au-dessus du logo CCM en haut à gauche de cette page et ne bouge plus…).
+ Des infos pour toi chez :
http://www.allhtml.com/articles/categorie/HTML
ou
https://www.commentcamarche.net/contents/498-html-langage
+ Conseille-leur quand même. C'est une bonne habitude.
J'avais mis en gras ce qu'il faut que tu ajoutes.
Ton lien ressemble certainement à :
<a href="http://www.monbeausite.fr/images/img1_hdef.png"><img src="/images/img1_bdef.png"></a>
Les vignettes sont référencées dans :
<img src="/images/img1_bdef.png"> (ici, bdef = basse définition)
et les images à tailles réelle sont dans :
<a href="http://www.monbeausite.fr/images/img1_hdef.png"> (ici, hdef = haute définition)
Il faut donc que ajoutes :
target="_blank"
à l'endroit que j'ai indiqué, dans le lien vers l'image à taille réelle, pour qu'elle s'ouvre dans une nouvelle fenêtre.
border="0" = pas de bordure à la vignette
width="100" = 100 pixels de large pour la vignette
height="150"" = 150 pixels de haut pour la vignette
alt="…" = le texte qui remplace l'image si elle ne s'affiche pas
title="…" = le texte qui apparaît si on laisse la souris au-dessus de l'image sans la bouger (comme une info-bulle. Amène ta souris au-dessus du logo CCM en haut à gauche de cette page et ne bouge plus…).
+ Des infos pour toi chez :
http://www.allhtml.com/articles/categorie/HTML
ou
https://www.commentcamarche.net/contents/498-html-langage
+ Conseille-leur quand même. C'est une bonne habitude.
Tout d'abord merci de ta réponse...
Mais je n'arrive pas a comprendre ton code faut que je le mette a la place du lien que j'ai mit ou a la suite ??
Pourrais tu aussi mettre d'une couleur se que je doit changer...
Désoler mais je comprend vite mais faut m'expliquer longtemp...LOOOOL
@micalement,
Adrien
Mais je n'arrive pas a comprendre ton code faut que je le mette a la place du lien que j'ai mit ou a la suite ??
Pourrais tu aussi mettre d'une couleur se que je doit changer...
Désoler mais je comprend vite mais faut m'expliquer longtemp...LOOOOL
@micalement,
Adrien
Ok pour ton code. Mais excuse moi, ton parallele entre haute et basse définition c'est du vent. T'aurais pu l'appeler tartempion, et tartempion 2, çà aurait été pareil.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'avais les mêmes difficultés, c'est résolu, mais...
Si je mets le lien sur l'image, elle s'ouvre dans la même fenêtre, et si je veux que l'image s'ouvre dans une nouvelle fenêtre, c'est sur le texte lié à l'image qu'il fait cliquer.
Est ce que quelque chose m'échappe ? J'utilise le composeur de SeaMonkey.
Merci pour vos réponses
Si je mets le lien sur l'image, elle s'ouvre dans la même fenêtre, et si je veux que l'image s'ouvre dans une nouvelle fenêtre, c'est sur le texte lié à l'image qu'il fait cliquer.
Est ce que quelque chose m'échappe ? J'utilise le composeur de SeaMonkey.
Merci pour vos réponses
Bonjour, je cherchais un code html pour pouvoir ouvrir des images dans des nouvelles fenetres et je suis tombée sur ce forum .. jai suivi l'exemple donner par Gihef en utilisant les informations de mes images .. le lien fonctionne sauf que l'image sur laquelle je dois cliquer pour ouvrir dans une nouvelle fenetre n'apparait pas.. ce n'est qu'un carre transparant avec un lien ... je ne sais pas vraiment ce que jai fait de mal si quelqu'un pourrait m'aider ce serait grandement apprecier ..
tenez c'est ce que j'ai fait :
<a href="http://i10.piczo.com/view/4/6/i/3/7/z/f/1/c/y/3/d/img/i252671050_90689_7.jpg" target="_blank"><img src="/view/4/6/i/3/7/z/f/1/c/y/3/d/img_i252671050_90689_7.jpg" border="0" width="205" height="147"></a>
tenez c'est ce que j'ai fait :
<a href="http://i10.piczo.com/view/4/6/i/3/7/z/f/1/c/y/3/d/img/i252671050_90689_7.jpg" target="_blank"><img src="/view/4/6/i/3/7/z/f/1/c/y/3/d/img_i252671050_90689_7.jpg" border="0" width="205" height="147"></a>
Salut
et bien sa y est j'y suis arriver merci beaucoup de ton aide...
T super...
@micalement,
Adrien
et bien sa y est j'y suis arriver merci beaucoup de ton aide...
T super...
@micalement,
Adrien
boloko92
27 août 2008 à 23:12
- Messages postés
- 4
- Date d'inscription
- mercredi 27 février 2008
- Statut
- Membre
- Dernière intervention
- 27 août 2008
27 août 2008 à 23:12
Salut,
un grand merci à Gihef pour son conseil !
j'avais un peu le même problème : les photos en taille réelle ne s'ouvraient pas depuis les vignettes de la galerie photo de mon site.
j'ai rajouté target="_blank" à ma ligne de code et ça fonctionne
quel plaisir
Boloko92
un grand merci à Gihef pour son conseil !
j'avais un peu le même problème : les photos en taille réelle ne s'ouvraient pas depuis les vignettes de la galerie photo de mon site.
j'ai rajouté target="_blank" à ma ligne de code et ça fonctionne
quel plaisir
Boloko92