Page 1 sur 1

Image avec contenu qui apparait onmouseover

Posté : 12 mai 2013, 21:39
par Keiz
Bonjour camarade,



Voilà ma question, sur mon site en cours de construction je souhaite qu'au passage de la souris sur une image, une autre image apparaissent à une place précise. Cette image peut contenir dans un cas un formulaire ou dans un autre un lien cliquable avec du texte. Il faut que quand la souris quitte la zone de l'image apparue, cette image disparaissent.



En gros je veux pas que mon formulaire (ou peut importe ce que c'est, même une image avec un texte) soit sur une autre page, il doit apparaitre dynamiquement onmouseover et disparaitre aussitôt si le curseur s'en va.



J'ai vu quelques trucs sur le net qui m'ont plus perdus qu'autre chose. Je cherche donc une direction d'étude, dois je le faire en php ? En Js ? On peut le faire en HTML ? Quels sont les type de tutos et d'aide que je dois chercher sur le net ? Quels librairies puis je utiliser ? Dois je taper un terme technique spécifique pour ma recherche ? Je cherche une solution intéressante à développer, optimisée et compatible sur tous les navigateurs...



Voili voilou, merci d'avance.

Re: Image avec contenu qui apparait onmouseover

Posté : 18 mai 2013, 22:46
par Aureusms
C'est assez simple à faire :

1. Tu créé ton image à positionner en absolute et en display : none;
2 . quand la souris passe en hover sur la balise que tu veux tu fais un display: block;

En clair, Js est ton amis et html/php aussi : html /phppour préparer la page et JS pour te permettre l’interactivité. Utilises la librairie JS : Jquery c'est encore plus dynamique.