Afficher images lorsque l'on clique sur un lien

youchlure1234 Messages postés 56 Statut Membre -  
youchlure1234 Messages postés 56 Statut Membre -
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 40050 Statut Modérateur 4 755
 
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 56 Statut Membre
 
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