Texte au survol de la souris sur une image [Résolu/Fermé]

Signaler
Messages postés
226
Date d'inscription
samedi 17 février 2007
Statut
Membre
Dernière intervention
27 janvier 2013
-
 AB LE GENIE -
Bonjour,

J'ai une page web, avec 3 images qui se suivent.
Du simple html :)
Chaque image fait 100*100px.
je souhaiterais qu'au survol de la souris sur une image, un cadre transparent de 30px de hauteur s'affiche en haut de l'image, avec du texte à l'intérieur.
Comment faire, en utilisant uniquement du HTML, CSS et Javascript ?

Merci.

4 réponses

Messages postés
421
Date d'inscription
mardi 24 juin 2008
Statut
Membre
Dernière intervention
29 septembre 2015
44
Bonjour,
Cherches tu par hazard une chose comme celle ci
https://www.queness.com/resources/html/thumbnail/index.html
17
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60637 internautes nous ont dit merci ce mois-ci

Messages postés
110
Date d'inscription
jeudi 22 avril 2010
Statut
Membre
Dernière intervention
13 octobre 2013
25
Ouais vraiment trop cool ! Ca fait une éternité que je cherche ça.
En fait je ne savais pas quoi chercher "image qui disparait et laisse apparaitre du texte en javascript .. jquery... dans google et rien.. "

Merciii

vraiment merci vous venez juste de mes sauver
Messages postés
5693
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
27 octobre 2019
985
Bonsoir,

Si ça avait été afficher un simple cadre de couleur uni, tu aurais pu mettre une propriété hover à tes img, comme ceci :
img:hover{
  border: 30px solid black;
}

Mais vu que c'est un bloc de texte, je pense que tu n'auras pas le choix et qu'il faudra utiliser javascript.
Messages postés
226
Date d'inscription
samedi 17 février 2007
Statut
Membre
Dernière intervention
27 janvier 2013
16
merci pour vos réponses,
oui, @wAxxx, c'est exactement quelque chose de ce style ! même encore plu que ce que j'espérais ^^
mais le problème, c'est que je ne peux utiliser qu'une seule et unique page qui peut contenir du HTML, CSS et Javascript (c'est pour une appli facebook, j'utilise une appli iframe tab).
Messages postés
226
Date d'inscription
samedi 17 février 2007
Statut
Membre
Dernière intervention
27 janvier 2013
16
en faite j'ai compris, @wAxxx, c'est génial le fonctionnement, merci beaucoup !
Messages postés
5693
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
27 octobre 2019
985
Y a-t-il un tuto quelque part pour faire ce que tu voulais faire ?
Peux-tu mettre ton sujet en résolu ? =)
Messages postés
226
Date d'inscription
samedi 17 février 2007
Statut
Membre
Dernière intervention
27 janvier 2013
16
oui, le tuto est sur le lien de wAxxx ;)
ok je le passe en résolu :)