Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2462 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Boite noir qui sui la souris sur une image

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Boite noir qui sui la souris sur une image

n°1953242
lugcat
Posté le 26-12-2009 à 22:09:56  profilanswer
 

Bonjour j aimerais faire une sorte de boite noir qui suis la souris quand on passe la souris sur une image.
 
Exemple sur TF2 : http://img707.imageshack.us/img707/7310/boitenoir.png (La boite suis la souris quand on reste sur limage.)
Si quelqu'un pourrais aider
Voila.


Message édité par lugcat le 26-12-2009 à 22:13:11
mood
Publicité
Posté le 26-12-2009 à 22:09:56  profilanswer
 

n°1953249
David Bori​ng
Posté le 27-12-2009 à 00:11:37  profilanswer
 

Cela se nomme en anglais un "tooltip"
Voilà un exemple avec jquery + un plugin léger qui contient d'autres éléments d'interface
http://flowplayer.org/tools/tooltip.html

n°1953251
lugcat
Posté le 27-12-2009 à 00:36:29  profilanswer
 

Oui mais je cherche un qui suit la souris.


Message édité par lugcat le 27-12-2009 à 02:45:44
n°1953264
lautrejojo
Posté le 27-12-2009 à 12:09:25  profilanswer
 

Je te propose :  
1. changer le curseur de manière à ce qu'il se "transforme" en une image que tu prévois à l'avance. ici j'ai trouvé tout plein de ressources pour changer le curseur.
 
2. Tu fais en sorte que celui-ci ne change de forme que lorsque tu passe au dessus de l'image. Pour celà, utilise :hover, en css.
 
À ce moment là, tu auras un curseur qui change de forme à chaque fois que tu passe sur l'image que tu auras désignée. Reste à donner l'illusion que tu fais apparaitre une boite derrière le curseur
 
3. L'image que tu utilises pour remplacer le curseur peut être constituée d'une image de curseur + d'une boite noire.
 
 
Bon, tout çà, je le fais de tête, il se peut que çà ne marche pas (j'ai notamment un doute sur la taille de l'image que tu peux utiliser pour remplacer le curseur.


---------------
Question sur la programmation ? DevWeb it!
n°1953398
pataluc
Posté le 28-12-2009 à 13:17:19  profilanswer
 

lugcat a écrit :

Oui mais je cherche un qui suit la souris.


http://craigsworks.com/projects/simpletip/ le fait par exemple.


Message édité par pataluc le 28-12-2009 à 13:17:37

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Boite noir qui sui la souris sur une image

 

Sujets relatifs
Faire que le texte contourne l'image[Besoin d'aide] jQuery , cherche scroller image
div afficher/masquer sur image interactiveProblème de redimensionnement image en javascript
image survolée qui s'affiche dans 2 div différenteshtml et object image dans le lecteur avant visualisation
& Php > bordure speciale à une image, perdu dans le codeBeginner > Aligner un texte à droite d'une image !?
[CAML] gestion sourisinserer un lien dans une image
Plus de sujets relatifs à : Boite noir qui sui la souris sur une image


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR