Afficher du texte au passage de la souris

Fermé
bupbup222 Messages postés 6 Date d'inscription samedi 14 janvier 2012 Statut Membre Dernière intervention 25 mars 2014 - 14 janv. 2012 à 07:56
deadmix Messages postés 145 Date d'inscription jeudi 14 octobre 2004 Statut Membre Dernière intervention 30 mai 2014 - 24 janv. 2014 à 14:32
Bonjour,
J'aurais aimé savoir si il été possible en HTML de créer une page où lorsque je passe la souris sur une zone d'une image une nouvelle image apparaît sur une autre partie de la page.
Je vous donne un exemple sur une page crée en javascript dans cette page lorsqu'on passe sur un des carré de couleur du texte s'affiche sur une autre partie de la page
http://psaade.free.fr/
Merci d'avance



7 réponses

Ch93 Messages postés 5222 Date d'inscription mardi 18 janvier 2011 Statut Membre Dernière intervention 23 janvier 2013 729
14 janv. 2012 à 07:57
onMouseOver
http://www.startyourdev.com/HTML/Event-ONMOUSEOVER.html
0
bupbup222 Messages postés 6 Date d'inscription samedi 14 janvier 2012 Statut Membre Dernière intervention 25 mars 2014
14 janv. 2012 à 08:02
Merci Ch93 mais ce n'est pas exactement ce que je cherche puis ce que je veux laisser la possibilité de clicker sur l'image sur laquelle il vient de passer afin de le renvoyer sur une autre page.
0
Ch93 Messages postés 5222 Date d'inscription mardi 18 janvier 2011 Statut Membre Dernière intervention 23 janvier 2013 729
14 janv. 2012 à 08:08
Tu peux utiliser onclick ou mette un lien sous l'image...
0
visibility:hidden Messages postés 249 Date d'inscription samedi 24 septembre 2011 Statut Membre Dernière intervention 24 février 2012 46
14 janv. 2012 à 08:14
Cherche autour de l'instruction "target" en CSS3 pour faire ce genre de choses.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
bupbup222 Messages postés 6 Date d'inscription samedi 14 janvier 2012 Statut Membre Dernière intervention 25 mars 2014
14 janv. 2012 à 09:22
ok merci pour vos réponse je cherche toujours autour de target mais je n'ai pas trouvé ce que je voulais encore.
Je vais donc essayer de le réexpliquer un plus clairement.
Voilà ce que je veux
<IMG SRC="A2.bmp" visibility="hidden">

<IMG SRC="A.bmp" ALIGN="RIGHT" VALIGN="TOP" alt="Photo ID" onMouseOver="A2.bmp visibility="visible";">>

A l'ouverture de la page seul l'image A.bmp est visible et lorsque l'utilisateur passe sa souris sur l'image 1.bmp alors l'image A2.bmp devient visible tant que l'utilisateur reste sur l'image A.bmp.

Je ne sais pas si cela est possible en utilisant que du html et css?
Merci d'avance
0
bupbup222 Messages postés 6 Date d'inscription samedi 14 janvier 2012 Statut Membre Dernière intervention 25 mars 2014
14 janv. 2012 à 10:00
PS: bien sur le code que j'ai donné au dessus ne marche pas mais bon je voudrais quelquechose dans ce genre
0
deadmix Messages postés 145 Date d'inscription jeudi 14 octobre 2004 Statut Membre Dernière intervention 30 mai 2014 29
24 janv. 2014 à 14:32
tu peux voir ce tutoriel pour résaliser cette effet :

https://blueseodesign.com/web-design/afficher-texte-sur-image-au-passage-souris/

Bonne Chance
0