Afficher images lorsque l'on clique sur un lien

youchlure1234 Messages postés 55 Date d'inscription   Statut Membre Dernière intervention   -  
youchlure1234 Messages postés 55 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

je cherche à afficher une image en surbrillance de la page principale lorsque l'on clic sur un lien.

Je m'explique un peu plus si ce n'est pas clair :)

J'ai en haut de ma page un lien : carte.
Ce lien fait partie de 3 liens appartenant à une carte à puce.

Et je souhaite que lorsque l'on clic dessus la carte s'affiche en surbrillance. Elle disparaitrait ensuite en recliquant dessus.

Merci d'avance de votre aide.

Bonne soirée

Y.

2 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

Quand tu dis .. en "surbrillance" ... tu ne veux pas plutôt dire "par dessus" ? (comme une fenêtre modale en quelques sortes.. non ? )

Si c'est bien de ça que tu parles... il te faudra jouer avec du CSS (et le Z-index )

par exemple :
https://stackoverflow.com/questions/2316015/how-to-make-a-div-appear-in-front-of-regular-text-tables

Ou une "modale" simple :
https://www.loginradius.com/blog/async/simple-popup-tutorial/


0
youchlure1234 Messages postés 55 Date d'inscription   Statut Membre Dernière intervention  
 
Oui ce serait de faire apparaitre un texte au dessus.
Par contre je débute et j'avoue ne pas avoir compris grand chose aux deux liens...

En fait voici mon code :


<ul>
<li><a href="http://www.google.fr</a></li>
<li><a href="#">Plan</a></li>
<li><a href="#">Contact</a></li>

</ul>



Le premier lien affiche une page internet, ça ok.
Et c'est pour le second je souhaite que lorsque que l'on appuye dessus il y ai cette image qui s'affiche :


<img src="images/1.jpg" alt="1" />



Merci encore
0