begin process at 2010 02 10 13:21:19
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

afficher une image au survol d'une zone map


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

afficher une image au survol d'une zone map

lundi 4 mai 2009 à 16:18:16 | afficher une image au survol d'une zone map

veroq

bonjour à tous,

je dois faire un organigramme avec les têtes des gens dans des bulles et lorsque l'on passe la souris sur une bulle, une image un peu plus grande que la bulle doit apparaitre sur l'organigramme en superposition(cette image représente la personne en situation de travail) et  disparaitre lorsque la souris s'éloigne.

je n'y connais rien en javascript
je pense avoir compris qu'il fallait associer les map area avec les onmouseover et onmouseout mais je ne vois PAS DU TOUT comment faire

est-ce que qqn pourrait m'aider??

pour info je connais HTML et CSS mais pas javascript

merci d'avance!
mercredi 13 mai 2009 à 20:05:21 | Re : afficher une image au survol d'une zone map

PetoleTeam

Membre Club
Bonjour,
je pense avoir compris qu'il fallait associer les map area avec les onmouseover et onmouseout mais je ne vois PAS DU TOUT comment faire
Il suffit de gérer cela avec une InfoBulle, le squelette peut ressembler à cela...
<img src="nom_image.jpg" usemap="#LA_MAP" border="0">
<map name="LA_MAP">
<area
  shape = "RECT" coords="65,5,80,15"
  href="#"
  onmouseover="Fct_Over();"
  onmouseout="Fct_Out();"
  alt = "">
</map>

Il va de soit que les fonctions Fct_Over et Fct_Out seront tirées d'un script InfoBulle...et pourquoi pas INFO BULLE TOUJOURS VISIBLE par exemple
;O)


Cette discussion est classée dans : afficher, image, zone, map, survol


Répondre à ce message

Sujets en rapport avec ce message

Découpe d'une image pour zone survol pour musique [ par vincecb ] Est ce que quelqu'un peut m'aider pour mapper une image avec the gimp par exemple .  je dois effectuer 6 zones sur une image pour que ces zones devien afficher une image lors du survol de la souri sur une catre [ par tchuinbri ] Bonjour je veux réaliser un effet rollover avec un map.Je sais pas trop comment me prendre, en java script ou CSSJe rappelle que ma carte du monde est zoom au passage de la sourie [ par shefentekheux ] Bonjour, j'aimerais savoir si c'est possible et comment faire un effet de zoom sur certaines parties d'une image lorsqu'on passe la souris sur ces zo onmouseover+map+javascript? [ par fulltrip ] Bonjour, Voilà mon idée était de de changer une image au passage de la souris. J'ai réalisé ceci a l'aide de la fonction onmouseover, mais j'ai voulu Plecement image propriété onmouseover [ par ShadWinZ ] Bonjours à vous , Déja , voici mon code :<h afficher image [ par raboubatn ] Salut tout le monde, JE suit entraint de faire une interface (PHP-JavaScript-CSS), dont la quelle il y'a un formulaire à remplir où il sagit un cham afficher une image un bout de temp [ par emhali ] Salut,Bon j'ai un petit problème en javascript je veux afficher une image un bout de temp ?merci d'avance précharger ou afficher une partie d'image [ par nemetos ] Bonjour,je voudrais savoir si c'est possible de précharger dans un objet image ou d'afficher seulement une partie d'une image. L'idée est d'avoir qu'u Agrandir une image dans une popup au survol de la souris [ par pcsystemd ] Bonjour voila après deux jours de recherche je me décide a demander de l'aide. J'ai une petite image (vignette) et je souhaite lorsque l'on survol la Image aggrandi dans la même page html [ par Steph159 ] Bonjour,Voilà je vous expose mon souci (ça doit surement être une question posée souvent), j'ai une page html et deux blocs css.. un qui me sert à aff


Nos sponsors


Sondage...

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,655 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales