Afficher images lorsque l'on clique sur un lien

Fermé
youchlure1234 Messages postés 55 Date d'inscription lundi 17 janvier 2011 Statut Membre Dernière intervention 28 février 2017 - 3 nov. 2015 à 23:45
youchlure1234 Messages postés 55 Date d'inscription lundi 17 janvier 2011 Statut Membre Dernière intervention 28 février 2017 - 4 nov. 2015 à 11:27
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 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
4 nov. 2015 à 03:10
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 lundi 17 janvier 2011 Statut Membre Dernière intervention 28 février 2017
4 nov. 2015 à 11:27
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