Changer image d'un lien visité Résolu/Fermé

Question

Bonjour,

Il est tres facile de changer la couleur d'un lien visité (on trouve facilement des tutos).
Par contre, quand le lien est une image....

Je m'explique. J'ai une image qui me sert de lien. Si je clique dessus, j'aimerais qu'elle se grise (affiche une autre image).
J'ai vu des solutions en javascript mais cela ne garde pas les liens visités.
En effet, j'aimerais que si je ferme le navigateur et que je le r'ouvre, je garde les liens visités.

Donc existe t'il un moyen d'afficher mes liens visités avec une image différente que celle qui ne sont pas visité ?

Par avance merci.

Dalida · Accepted Answer

salut,

il faut un lien qui ne contiennent pas d'image mais qui a une image comme arrière-plan et un identifiant pour pouvoir appliquer le style :

<a id="mon-lien" href="#">mon lien</a>

en CSS tu vas remplacer le texte par une image :

a#mon-lien:link{
display:block;
width:120px;
height:24px;
text-indent:-1000em;
overflow:hidden;
background-image:url(chemin/vers/ton/image.png);
background-position:0 0;
background-repeat:no-repeat;
}

et tu vas appliquer une autre image d'arrière-plan quand le lien est visité :

a#mon-lien:visited{
background-image:url(chemin/vers/une/autre/image.png);
}

oXyde68 · Answer

Hello ,

essaye peut - être en CSS ( si j'ai bien compris ce que tu veux faire )


.lien
{ IMAGE 1
}
.lien:visited
{ IMAGE 2
}

à voir ...

LaGuite · Answer

Merci pour cette réponse, c'est tout a fait ce que je cherchais.
(dsl de pas avoir répondu avant, j'étais pas la ce week end ^^)

LaGuite · Answer

J'ai pas capté ^^'


a la place de  IMAGE 1  tu mets quoi ? l'adresse de l'image ?
on met img= ?

Changer image d'un lien visité

4 réponses

Discussions similaires