faire apparaitre et disparaitre un du texte quand on survole une image

jeannot_gates Le 14 juin 2016 à 15:07 (Édité le 25 janvier 2019 à 17:51)

bonjour J'aimerai que quand je passe ma souris sur une image, un texte s'affiche en dessous, et que quand j'enlève ma souris, le texte s'enlève, quelqu'un aurait t-il une idée de comment on fais cela ?

TheOldNoob Le 15 juin 2016 à 11:01

Salut Jeannot,

Tu peu faire ça en jquery, mais c'est pas du tout ma spécialité, donc je peu pas t'aider.
Avec la fonction :hover en css ça peu se faire aussi bien 😀

dream09 Le 3 juillet 2016 à 14:09

Il existe une fonction title je crois qui permet de donner un nom a ton image et qui sera le texte qui s affichera lors du survole

Profil introuvable Le 3 juillet 2016 à 18:15 (Édité le 3 juillet 2016 à 18:18)

Bonjour 'jeannot_gates',

Pour faire apparaître du texte lorsque tu pointe le pointeur sur une image, voici la ligne de commande :

<br><img src="le nom de ton dossier\ton image.extension (jpg, png...etc)" title="le texte qui apparaît au survol de la souris" alt="le texte qui apparaît si l'image ne charge pas (problème de chargement)"/></br>

Je t'ai même rajouter la fonction "alt" pour afficher le texte si l'image n’apparaît pas correctement, en général c'est lorsque l'image ne s'est pas chargée correctement lors de des téléchargements des données du site web.

Je te conseille d'utiliser Internet Explorer car c'est lui qui te permet de savoir qu'est-ce qui s'affiche correctement sur ta page web.

Est-ce cela que tu demande ?

Balatharas Le 3 juillet 2016 à 20:31

@Jerem971 Je ne suis pas sûr mais peut-être qu'il voulait que quand on passe la souris sur l'image du texte tel qu'un message apparraisse mais pas avec title. Je ne suis pas sur d'avoir été assez compréhensible mais bon ^^"

TheOldNoob Le 4 juillet 2016 à 23:11

Alors, je sais pas si ça va te convenir, mais avec css3, il est tout a fait possible de créer des effets carrement super. Donc sans js, jquery et donc, rien de vraiment trop compliquer.
Je te donne cette page que j'ai beaucoup utilisé pour donner un style vraiment sypas lorsque je souhaite faire une description d'une image dans une gallerie photo.
http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/
En plus, c'est livré avec tuto et source 😀

Échange

Articles / Vidéos

Ressources