Changement image une fois lien cliqué

Nouveau WRInaute
Bonjour à tous,

Apres plusieurs recherches, je ne trouve vas ce que je cherche et crie au secours lol

Voila, j'ai trouvé plusieurs scripts, qui changent la couleur d'un lien une fois que le visiteur l'a cliqué, ce que moi j'aimerais, c est faire la meme chose, mais en lieu de changer la couleur, changer l image

j'ai un lien sur une image, quand le visiteur a cliqué et visite la page, cette image change

Je précise que je suis débutante, et fait plusieurs testes, mais pas moyen d'arriver a appliquer avec des modifications le script de changement de couleur texte sur un changement d'image.

Auriez vous une aide pour moi ??

Merci à tous et une tres bonne journée.
 
WRInaute passionné
Il faut que tu fasses ça par du CSS.

Par exemple, dans ta page de ton site .html ou .php :
<a href="" class="lien_image">lien</a>

Dans ta feuille de style .css :
Code:
.lien_image a {
background-image : url('images/image_lien_non_visité.jpg')
height: hauteur de ton image px;
width: largeur de ton image px;
border: none;
}

.lien_image a:visited {
background-image : url('images/image_lien_visité.jpg')
height: hauteur de ton image px;
width: largeur de ton image px;
border: none;
}

Normalement ça devrait fonctionner :)
 
Nouveau WRInaute
Mercii bcp d'avoiir répondu

Alors je dois me planter quelque part, parce que j'y arrives pas
Est-ce que tu aurais la possibilité de me mettre le code complet ??

dsl de t'embeter :oops:
 
WRInaute accro
C'est le code complet.
la pseudo classe :visited modifie l'apparence d'un lien déjà vu.

En revanche si tu as d'autres éléments css avec :visited dans ta feuille de style, cela peut jouer. Teste en mettant en dernier
 
Nouveau WRInaute
Marie-Aude a dit:
C'est le code complet.
la pseudo classe :visited modifie l'apparence d'un lien déjà vu.

En revanche si tu as d'autres éléments css avec :visited dans ta feuille de style, cela peut jouer. Teste en mettant en dernier


Coucou et merci de ton aide.

Non je n'airien d'autre, et non je n'arrives pas à faire fonctionner la chose. Merci quand meme
et bonne journée.
 
WRInaute passionné
J'ai oublié un ";" à la fin de la première ligne, tu l'avais peut-être rajouté par toi-même ? Ca devrais fonctionner

Code:
background-image : url('images/image_lien_non_visité.jpg');
dsl de t'embeter :oops:
Le forum est fait pour ça ;)
 
Nouveau WRInaute
Il est impossible de modifier ou d'ajouter une image avec "visited". C'était possible avant mais par soucis de sécurité cette option a été désactivée. On peut juste changer la couleur du lien et d'autres petites choses.
 
Discussions similaires
Haut