Résolu Comment afficher une image lors du survol d'un texte/lien ?

TheAuthentic

TheAuthentic

Besoin d'un site web ?
Premium
Inscription
28 Juin 2012
Messages
2 011
Réactions
532
Points
12 293
Salut à tous,

Je fais appel à vous car j'aimerai afficher une image lors du survol d'un texte/lien.
Dans mon cas, j'aimerai quand je met la souris sur "Renault Twingo", l'image de cette voiture s'affiche :p

J'aimerai quelque chose de simple à mettre en place car mes compétences sont limitées.

Voici un screen de ma page suivi de son code source :

dc4deffe371c4d8783d7a0d6ab965207.png


HTML: 
<h1>Berlines</h1>
<div class="musicien">
<p>Le nom du musicien<span>10e/jour</span></p>
</div>
<p>Renault Twingo<span>10€/jour</span></p>
<p>Land Rover Evoque<span>20€/jour</span></p>
<p>Audi Q5<span>22€/jour</span></p>

<h1>Sportives</h1>
<p>Kia Rio<span>14€/jour</span></p>
<p>Lamborghini Aventador<span>40€/jour</span></p>

<h1>Utilitaires</h1>
<p>Renault Kangoo<span>11€/jour</span></p>


Merci d'avance à ceux qui m'aiderons :)
 
Trier par date Trier par votes
TheAuthentic

TheAuthentic

Besoin d'un site web ?
Premium
Inscription
28 Juin 2012
Messages
2 011
Réactions
532
Points
12 293
What's up a dit:
voila ta réponse :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Cliquez pour agrandir...

Malheureusement ce n'est pas ce que je recherche, je désire seulement afficher une image lors d'un survol d'un texte alors que le code de ton lien propose un changement d'image au survol de souris, donc au survol d'une image, une autre apparaît :s

Cependant, je vais faire quelque modifs, j'ai au moins une base de travail !

WhiiTe' SEC a dit:
Tu peux le faire en css aussi

.imgRenault {
display:none;
}
.renault:hover {
.imgRenault {
display:block;
}
}

je sais pas si c'est bon mais ça donnera un truc du style
Cliquez pour agrandir...

Merci pour ton aide mais je ne vois pas trop comment je vais faire pour mettre sa en place du côté html :')
 
Voter positivement 0 Voter négativement
What's up

What's up

Ingénieur en sécurité informatique
Premium
Inscription
20 Août 2012
Messages
1 984
Réactions
431
Points
12 440
regarde onmouseover() sur internet
tu peux récupérer la fonction du lien que je t'ai passé et la modifié pour que ça affiche juste.
C'est vraiment tout bête.
Réfléchie.
Je préfère pas donner de code il faut que tu le fasses par toi même
 
Voter positivement 0 Voter négativement
WhiiTe'

WhiiTe'

Administateur
Ancien staff
Inscription
22 Octobre 2011
Messages
14 706
Réactions
8 492
Points
32 425
TheAuthentic a dit:
Malheureusement ce n'est pas ce que je recherche, je désire seulement afficher une image lors d'un survol d'un texte alors que le code de ton lien propose un changement d'image au survol de souris, donc au survol d'une image, une autre apparaît :s

Cependant, je vais faire quelque modifs, j'ai au moins une base de travail !



Merci pour ton aide mais je ne vois pas trop comment je vais faire pour mettre sa en place du côté html :')
Cliquez pour agrandir...

Bah tu mets après l'ouverture de ta balise <body>

<style type="text/css">
Ton css

</style>

adapte le CSS que j'ai mis à ton code ^^
 
Voter positivement 0 Voter négativement
Louki

Louki

Ancien staff
Inscription
12 Mars 2021
Messages
7 536
Réactions
4 583
Points
10 116
Bonjour TheAuthentic,

Ton topic est résolu ?
Clique sur 'Cette réponse a résolu mon topic' si quelqu'un a su t'aider, pour le remercier et pouvoir déplacer ton topic dans la section adéquate.

Sinon n'hésite pas à me taguer pour que je puisse trouver une solution avec toi !

Amicalement,
Louis
 
Voter positivement 0 Voter négativement
Haut