A voir également:
- Html ouvrir dans une nouvelle fenetre
- Ouvrir une image dans une nouvelle fenetre ✓ - Forum - Internet / Réseaux sociaux
- Ouvrir un lien dans une nouvelle fenêtre html ✓ - Forum - HTML
- Liens ouvrant nouvelle fenetre ✓ - Forum - Webmaster
- Ouvrir fichier excel dans une nouvelle fenetre windows 10 ✓ - Forum - Excel
- Image dans une nouvelle fenêtre ✓ - Forum - Webmaster
8 réponses
Gihef
- Messages postés
- 5122
- Date d'inscription
- mercredi 20 juillet 2005
- Statut
- Contributeur
- Dernière intervention
- 22 novembre 2020
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
- Messages postés
- 5122
- Date d'inscription
- mercredi 20 juillet 2005
- Statut
- Contributeur
- Dernière intervention
- 22 novembre 2020
Ç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.
Adrien
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
Ludo
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.
Cham
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
AkaiiRia
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>
Adrien
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
- Messages postés
- 4
- Date d'inscription
- mercredi 27 février 2008
- Statut
- Membre
- Dernière intervention
- 27 août 2008
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
