La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  image qui suit le curseur ?
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: image qui suit le curseur ?  (Lu 9763 fois)
image qui suit le curseur ?
« sur: le 09-12-2011 a 17:57:28 »
lulu44
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 84





Voir le Profil    E-Mail
Répondre avec citation

Bonjour, je voudrais faire une div de 100px par 100px qui quand la souris passe dessus affiche une image qui suivrais le curseur de la souris. mais uniquement quand la souris serait dans les 100*100 pixels. merci.

Rapporter au modérateur  

www.bandmusique.fr

Re:image qui suit le curseur ?
« Répondre #1 sur: le 12-12-2011 a 11:44:56 »
Chriss
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 356





Voir le Profil    WWW
Répondre avec citation

Oui, faisable avec les évènements javascript.
Tant que sur l'image alors afficher la div.

Rapporter au modérateur  

Je travaille dans une agence web qui fait de la création web sur Annecy et qui édite un site d'informations sur les Alpes
Re:image qui suit le curseur ?
« Répondre #2 sur: le 12-12-2011 a 18:19:48 »
lulu44
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 84





Voir le Profil    E-Mail
Répondre avec citation

Oui merci, mais justement comment fait-on cela ? par exemple comme sur ce site: http://tabs.ultimate-guitar.com/a/a_camp/elephant_crd.htm mais sur une div, l'ouverture en dégradé et l'image qui suit les mouvement du curseur tant que la souris se balade sur la div. une sorte de menu déroulant mais avec une image mobile

Rapporter au modérateur  

www.bandmusique.fr
Re:image qui suit le curseur ?
« Répondre #3 sur: le 12-12-2011 a 18:32:14 »
Chriss
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 356





Voir le Profil    WWW
Répondre avec citation

LE .hover de Jquery permet de faire la première partie : http://api.jquery.com/hover/

Rapporter au modérateur  

Je travaille dans une agence web qui fait de la création web sur Annecy et qui édite un site d'informations sur les Alpes
Re:image qui suit le curseur ?
« Répondre #4 sur: le 12-12-2011 a 19:38:39 »
lulu44
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 84





Voir le Profil    E-Mail
Répondre avec citation

oui merci pour le lien il me sera utile, mais c'est le même principe que le onmouseover et onmouseout, ce que je voudrais connaître c'est justement la fonction qui fait qu'une image suit le curseur pour ce qui es d'évènement je sais faire.

Rapporter au modérateur  

www.bandmusique.fr
Re:image qui suit le curseur ?
« Répondre #5 sur: le 13-12-2011 a 05:47:10 »
Chriss
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 356





Voir le Profil    WWW
Répondre avec citation

Une piste... http://www.jejavascript.net/imagsouris1.php

Rapporter au modérateur  

Je travaille dans une agence web qui fait de la création web sur Annecy et qui édite un site d'informations sur les Alpes
Re:image qui suit le curseur ?
« Répondre #6 sur: le 13-12-2011 a 10:49:34 »
WebD
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 938





Voir le Profil    WWW    E-Mail
Répondre avec citation

Voici comment récupérer la position de la souris:

Code:
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
  y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;


Ensuite un petit coup de css et puis c'est bon.

A+

Rapporter au modérateur  

Agence Web  | Sticker MacBook | Lunettes personnalisées
Re:image qui suit le curseur ?
« Répondre #7 sur: le 13-12-2011 a 23:27:35 »
lulu44
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 84





Voir le Profil    E-Mail
Répondre avec citation

Finalement je n'ai pas réussit à faire le code, es que quelqu’un peut-il m'aider, je reformule ma question pour être plus clair:
    je voudrais faire en sorte que si un client passe sur un mot dans un texte, une image s'affiche en haut à droite du curseur enfaite exactement comme ça: http://www.guitaretab.com/a/anand-bhatt/302208.html ,(la div de 100 sur 100 c’était pour représenter un texte) merci

Rapporter au modérateur  

www.bandmusique.fr
Re:image qui suit le curseur ?
« Répondre #8 sur: le 15-12-2011 a 18:56:44 »
lulu44
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 84





Voir le Profil    E-Mail
Répondre avec citation

Personne n'a de solutions ?

Rapporter au modérateur  

www.bandmusique.fr
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg