Afficher texte au survol d'une image JavaScri
Sleem_
Messages postés
76
Statut
Membre
-
kabbabi Messages postés 222 Statut Membre -
kabbabi Messages postés 222 Statut Membre -
Bonjour,
On désire ajouter du texte au survol d'une image en JavaScript.
Le concept est, permettre à l'internaute de visualiser les détails d'un équipement, qui sont déjà présent dans la base de données lors d'un passage de la souris.
Une petite notification ou popup, si vous voulez, s'affiche contenant les détails mentionnés.
Veuillez bien me renseigner le script nécessaire pour satisfaire à la tache, ou me proposer un lien décrivant la solution.
Cordialement.
On désire ajouter du texte au survol d'une image en JavaScript.
Le concept est, permettre à l'internaute de visualiser les détails d'un équipement, qui sont déjà présent dans la base de données lors d'un passage de la souris.
Une petite notification ou popup, si vous voulez, s'affiche contenant les détails mentionnés.
Veuillez bien me renseigner le script nécessaire pour satisfaire à la tache, ou me proposer un lien décrivant la solution.
Cordialement.
A voir également:
- Afficher texte au survol d'une image JavaScri
- Extraire texte d'une image - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Image iso - Guide
- Légender une image - Guide
- Detourer une image - Guide
1 réponse
tu crées une balise div dont l'id est "trace" qui est caché (dans style : "visibility:hidden;") et puis sur l'image à survoler tu fais
<img src="src_image" onmousemove="document.all.trace.style.visibility='visible';/*ensuite tu affectes la valeur avec document.all.trace.innerHTML = les données à afficher;*/" onmouseout="document.all.trace.style.visibility='hidden';/*ensuite tu effaces la valeur avec document.all.trace.innerHTML = '';*/"/>
<img src="src_image" onmousemove="document.all.trace.style.visibility='visible';/*ensuite tu affectes la valeur avec document.all.trace.innerHTML = les données à afficher;*/" onmouseout="document.all.trace.style.visibility='hidden';/*ensuite tu effaces la valeur avec document.all.trace.innerHTML = '';*/"/>
