Afficher une image en cliquant sur un lien
Résolu
cadprog
-
cadprog -
cadprog -
bonjour, je voudrais savoir comment afficher une image en clicquant sur un lien en html ou css svp
A voir également:
- En cliquant sur ce lien
- Lien copié - Forum Téléphones & tablettes Android
- Cliquez sur ce lien. en n'utilisant que le clavier, quel mot obtenez-vous ? ✓ - Forum souris / Touchpad
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Retrouver liens copiés sur le téléphone - Forum Téléphones & tablettes Android
2 réponses
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
cadprog
merci beaucoup dugenou ça marche c'est gentil
