Rollover sur une map

jytest Messages postés 315 Date d'inscription dimanche 27 novembre 2005 Statut Membre Dernière intervention 22 décembre 2014 - 26 janv. 2010 à 10:23
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 - 29 janv. 2010 à 18:45
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 une <map>.

Je voudrais qu'en passant sur une des 4 zones que
cett même image change.

Faut-il gérer les CSS, le javascript ?

Au secours, à l'aide, j'ai beau consulter google mon ami,
mais rien n'y fait !!!
Cela me paraît même encore plus flou qu'au début.

Pouvez-vous me donner ce petit bout de code ?
Merci par avance pour votre précieuse aide.

jyd

3 réponses

cs_DARKSIDIOUS Messages postés 15814 Date d'inscription jeudi 8 août 2002 Statut Membre Dernière intervention 4 mars 2013 131
26 janv. 2010 à 10:45
Salut,

Et quel est le rapport avec JAVA ?

Java est un langage bien différent de javascript !

Je déplace vers le forum approprié.
______________________________________
DarK Sidious
0
@karamel Messages postés 1815 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 25 novembre 2022 145
26 janv. 2010 à 22:03
bonjour

dans chaque partie de la map tu rajoute simplement un onclick qui va modifier l'image


img src="monimage.jpg" USEMAP="#CountryLake" id='lilimamage'>


0
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 16
29 janv. 2010 à 18:45
Bonjour,
3 façons d'y arriver
- en javascript
- en CSS et javascript
- en CSS pur
de nos jours CSS pur paraît de mise, en utilisant hover dans la feuille de style et en jonglant avec des balises A encapsulées, si mes souvenirs sont bons, par des balises LI pour être compatible avec IE6.
L'astuce étant de jouer avec background: url(nom_image.jpg) -top_px -left_px no-repeat;

Je n'ai plus en tête la page ou il explique cela d'un exemple magistral, mais avec un minimum de recherche et de chance tu devrais y arriver.

Il va de soit que la méthode de kazma est tout à fait applicable...
;O)
0