Afficher une image en cliquant sur un lien

Résolu/Fermé
cadprog - 3 déc. 2017 à 22:39
 cadprog - 4 déc. 2017 à 16:50
bonjour, je voudrais savoir comment afficher une image en clicquant sur un lien en html ou css svp
A voir également:

2 réponses

dugenou
Messages postés
6083
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
30 juillet 2021
1 453
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"

<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
1
merci beaucoup dugenou ça marche c'est gentil
0
Bobby2Dallas
Messages postés
150
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
1 mai 2022
6
3 déc. 2017 à 22:40
question imprecise !
0