Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > Général Conception Web > Webdesign & Ergonomie
Webdesign & Ergonomie Forum d'entraide Webdesign & Ergonomie : les bonnes pratiques de conception des sites web
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 18/04/2007, 16h32   #1
Invité de passage
 
Inscription : avril 2007
Messages : 7
Détails du profil
Informations forums :
Inscription : avril 2007
Messages : 7
Points : 1
Points : 1
Par défaut Rollover sur une carte de france

Bonjour,

Je voudrais faire en sorte que lorsque l'on passe la souris sur une carte, le département pointé change de couleur et que lorsque l'on clique sur celui-ci, il reste en hover pendant qu'une petite infobulle apparait.



Pour ce faire, j'ai utilisé dreamweaver qui m'a fait quelques méthodes en javascript pour permuter l'image entière de la carte de france en une autre avec le département pointé en surbrillance. Mais cette méthode impose de précharger les images au chargement de la page. Ce qui a un certain impact lorsqu'on à environ 100 images à précharger ( une pour chaque département ).

Ce que je voudrais savoir, c'est si il existe une méthode plus "légère" pour faire un rollover sur une carte.

J'avais trouvé une méthode en css qui n'utilise qu'une image, mais dans mon cas cela ne peux pas s'appliquer puisque les zones sont des départements (mappés sous dreamweaver) et non pas des carrées.

Merci
AAlain est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/04/2007, 20h08   #2
Modérateur
 
Avatar de blueice
 
Inscription : mars 2003
Messages : 3 422
Détails du profil
Informations personnelles :
Âge : 37
Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

Informations forums :
Inscription : mars 2003
Messages : 3 422
Points : 4 110
Points : 4 110
Envoyer un message via ICQ à blueice Envoyer un message via MSN à blueice Envoyer un message via Skype™ à blueice
Soit avec Map d'ailleurs dans DW, tu peux le gérer en dessinant les zones.

Sinon en Flash tout bêtement qui serait la solution la plus simple tout dépend si tu t'en sors avec Flash...
__________________
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester.
Pensez également à cocher

Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça.

Dimension Internet - Carnet Web
Imprimerie Nice
blueice est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/04/2007, 22h05   #3
Invité régulier
 
Inscription : janvier 2007
Messages : 39
Détails du profil
Informations forums :
Inscription : janvier 2007
Messages : 39
Points : 6
Points : 6
tu peux essayer avec "zone réactive" : tu places ton image de fond et tu créés des zones réactives (tu as soit l'outil rectangle, soit ovale ou polygone), puis ensuite tu ajoutes des comportements "Afficher/masquer les calques"...
avec ces éléments tu devrais pouvoir faire quelque chose...
minimouse est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 19/04/2007, 08h22   #4
Modérateur
 
Avatar de blueice
 
Inscription : mars 2003
Messages : 3 422
Détails du profil
Informations personnelles :
Âge : 37
Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

Informations forums :
Inscription : mars 2003
Messages : 3 422
Points : 4 110
Points : 4 110
Envoyer un message via ICQ à blueice Envoyer un message via MSN à blueice Envoyer un message via Skype™ à blueice
Citation:
tu peux essayer avec "zone réactive" : tu places ton image de fond et tu créés des zones réactives (tu as soit l'outil rectangle, soit ovale ou polygone), puis ensuite tu ajoutes des comportements "Afficher/masquer les calques"...
avec ces éléments tu devrais pouvoir faire quelque chose...
C'est ce que je viens de dire plus haut.
__________________
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester.
Pensez également à cocher

Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça.

Dimension Internet - Carnet Web
Imprimerie Nice
blueice est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 19/04/2007, 11h36   #5
Invité de passage
 
Inscription : avril 2007
Messages : 7
Détails du profil
Informations forums :
Inscription : avril 2007
Messages : 7
Points : 1
Points : 1
Erf le flash, je ne connais pas encore

Et le css j'avais vu cette solution le soucis c'est que mes zones de selection ne sont pas des carrées.

Enfin ce n'est pas grave je vais garder ma solution qui est un peu 'lourde'

Merci pour vos réponses !
AAlain est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 01h29.


 
 
 
 
Partenaires

Hébergement Web