Afficher une image en cliquant sur un lien [Résolu]

cadprog - 3 déc. 2017 à 22:39 - Dernière réponse :  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
Afficher la suite 

3 réponses

Répondre au sujet
dugenou 4890 Messages postés mercredi 19 janvier 2005Date d'inscriptionContributeurStatut 11 décembre 2017 Dernière intervention - 4 déc. 2017 à 08:25
+1
Utile
1
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
merci beaucoup dugenou ça marche c'est gentil
Commenter la réponse de dugenou
Bobby2Dallas 29 Messages postés dimanche 3 décembre 2017Date d'inscription 10 décembre 2017 Dernière intervention - 3 déc. 2017 à 22:40
0
Utile
question imprecise !
Commenter la réponse de Bobby2Dallas