Afficher une image en cliquant sur un lien
Résolu/Fermé
A voir également:
- En cliquant sur ce lien
- Aucune application permettant d'ouvrir ce lien n'a été trouvée ✓ - Forum Wiko
- Cliquez sur ce lien. en n'utilisant que le clavier, quel mot obtenez-vous ? ✓ - Forum souris / Touchpad
- Lien url - Guide
- Verifier un lien - Guide
- J'ai cliqué sur un lien douteux android - Forum Virus
2 réponses
dugenou
Messages postés
6087
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
30 juillet 2021
1 451
4 déc. 2017 à 08:25
4 déc. 2017 à 08:25
Bonjour,
Tu peux faire un lien classique sur l'image, mais celle-ci s'ouvrira à la place de la page courante.
Pour que l'image s'ouvre dans une nouvelle page, il faut ajouter l'attribut target="_blank"
Tu peux placer l'image dans un fichier HTML afin de déterminer les dimensions et la position de l'image, en utilisant un lien classique, avec ou sans l'attribut target="_blank".
Tu peux aussi utiliser du JavaScript pour afficher l'image dans une nouvelle fenêtre, sans fermer la page courante :
Le lien :
Il faut régler la position de la fenêtre dans la page et ses dimensions.
Tu peux également utiliser, avec ce script, la solution du fichier HTML contenant l'image.
Il y a probablement d'autres solutions plus esthétiques
Tu peux faire un lien classique sur l'image, mais celle-ci s'ouvrira à la place de la page courante.
Pour que l'image s'ouvre dans une nouvelle page, il faut ajouter l'attribut target="_blank"
<a title="Cliquez pour voir l'image" href="images/fichier.jpg">Nom de l'image</a> <a title="Cliquez pour voir l'image" href="images/fichier.jpg" target="_blank">Nom de l'image</a>
Tu peux placer l'image dans un fichier HTML afin de déterminer les dimensions et la position de l'image, en utilisant un lien classique, avec ou sans l'attribut target="_blank".
Tu peux aussi utiliser du JavaScript pour afficher l'image dans une nouvelle fenêtre, sans fermer la page courante :
<script type="text/javascript">// <![CDATA[
function image(){
win=window.open("images/fichier.jpg","","toolbar=0,location=0,directories=0,status=0,scrollbars=1,resizable=1,copyhistory=0,menuBar=0,width=1200,height=800")
win.moveTo(screen.width/2-600,screen.height/2-300)
}
// ]]></script>
Le lien :
<a title="Cliquez pour voir l'image" onclick="image()" href="javascript:;">Nom de l'image</a>
Il faut régler la position de la fenêtre dans la page et ses dimensions.
Tu peux également utiliser, avec ce script, la solution du fichier HTML contenant l'image.
Il y a probablement d'autres solutions plus esthétiques
4 déc. 2017 à 16:50