begin process at 2012 02 13 23:49:05
  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 Afficher / cacher un div au survol d'une image [ par bradeux ] Bonjour à tous, J'ai trouvé sur ce forum un petit bout de code bien utile pour afficher / cacher des divs au survol d'une image. (http://forum.alsacr Effet survol d'un lien avec affichage d'une image [ par apz ] Bonjour à tous, J'aimerais avoir le code qui produit l'affichage d'une image lors d'un survol de la souris sur un lien. J'ai cet exemple : http://l choisir un nom au hazard et l'afficher dans une zone de texte [ par tatout54 ] Bonjour, Tout d abord toute mes excuses si je me suis trompé de rubrique, mais je ne suis qu'un simple débutant archi nul. Voila mon soucis je début Onmouseover multiple/afficher plusieurs images en n'en survolant une seule [ par Homonculus ] Bonjour et merci de vous être arrêtés, je débute et je suis en train de tenter de créer mon site. J'utilise un "MM_swapImage" qui me permet, au survo Afficher un image grâce à son ID [ par Suoji ] Bonjour,Je viens de débuter en JS et bon ma question va vous sembler c***e mais voilà, j'ai un petit soucis pour afficher une simple image.J'ai créer génial code pour afficher image onMouseOver texte, mais... [ par vanderstraten ] Bonjour, j'ai trouvé ce lien (en anglais) pour afficher une image onMouseOver du texte mais je cherche à pouvoir afficher plusieurs groupes de textes afficher/masquer calques sur image d'une liste <li> [ par vrgn ] [b]Bonjour j'ai fais[url=http://www.alsacreations.com/xmedia/tuto/exemples/galerie-jquery/] ce type de galerie[/url] en jquery qui marche bien ; Mais Rollover sur une map [ par jytest ] Bonjour à tous, Je débute avec dreamweaver cs4. Les débuts sont difficiles. J'ai une image dans une balise . Sur cette image, je précise 4 zones dans


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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,343 sec (4)

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