Rollover avec la balise area

**Gael7** · 04/10/2005, 11h11

Bonjour

J'ai une grande image avec un ballon au milieu et j'aimerais le faire tourner quand la souris passe sur le ballon.

Je pensais utiliser un <map> et <area>... avec un cercle pour le ballon, et j'aimerais changer le ballon pour un .gif, mais juste le ballon, pas toute la photo. Est-il possible de modifier qu'une partie de l'image?

Gael

**Mr N.** · 04/10/2005, 11h46

Non pas possible à mon avis. par contre tu peux essayer ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<html>
   <head>
      <style type="text/css">
 
#image {
   position:relative;
   width:800px;
   height:600px;
   background:transparent url(fond.jpg) center center no-repeat;
}
 
#image a {
   position:absolute;
   top:212px;
   left:256px;
   width:64px;
   height:64px;
   background:transparent url(ballon.gif) center center no-repeat;
   border:0px solid transparent;
   text-decoration:none;
}
 
#image a:hover {
   background:transparent url(ballon_anim.gif) center center no-repeat;
}
 
      </style>
   </head>
   <body>
      <div id="image">
         <a href="#">&nbsp;</a>
      </div>
   </body>
</html>

Testé sous IE et Fx

Rollover avec la balise area

JavaScript

Discussions similaires

Partager

Partager