Afficher image au survol d'un mot
xx7up
Messages postés
34
Statut
Membre
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
Je suis assez novice mais j'ai pu faire un petit site web à une amie.
Je cherche à pouvoir faire afficher une image (style de popup) lors du passage du pointeur sur un mot.
Je m'explique. Cette amie essaie de démarrer une maison d'hôtes et je voudrais sur son site, dans la page des chambres, faire afficher la photo de la chambre lorsque qu'on passe la souris sur le nom de la chambre.
Je viens de me relire et je ne suis pas sur d'avoir été très clair ;-(
Voilà, si quelqu'un peut m'aider en m'expliquant un script ou un lien où trouver comment faire.
Merci d'avance
Je suis assez novice mais j'ai pu faire un petit site web à une amie.
Je cherche à pouvoir faire afficher une image (style de popup) lors du passage du pointeur sur un mot.
Je m'explique. Cette amie essaie de démarrer une maison d'hôtes et je voudrais sur son site, dans la page des chambres, faire afficher la photo de la chambre lorsque qu'on passe la souris sur le nom de la chambre.
Je viens de me relire et je ne suis pas sur d'avoir été très clair ;-(
Voilà, si quelqu'un peut m'aider en m'expliquant un script ou un lien où trouver comment faire.
Merci d'avance
A voir également:
- Afficher image au survol d'un mot
- Trousseau mot de passe iphone - Guide
- Légende image word - Guide
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? ✓ - Forum Photoshop
- Mot de passe bios perdu - Guide
- Afficher mot de passe wifi android - Guide
3 réponses
Bonjour,
Vous pouvez faire comme ceci :
Mais il vous faudra ajouter la libraire overlib que l'on trouve ici http://www.bosrup.com/web/overlib/?Download
Vous pouvez faire comme ceci :
<head> <script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script> </head> <body> <div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div> blabla <span onmouseover="return overlib(<div><img src='/paysages/image_jardin.jpg'/></div>);" onmouseout="return nd()">hop</hop> blublu </body>
Mais il vous faudra ajouter la libraire overlib que l'on trouve ici http://www.bosrup.com/web/overlib/?Download
