Menu secondaire sur survole d'une image

**12_darte_12** · 03/12/2006, 13h34

Bonjour,

Voila j'ai créé un menu avec des images en htmlet un petit peu de javascript.

Quand je survole une image, celle change une peu d'aspect.
Quand je ne la survole plus elle redevient normal.

J'aimerai rajouté au survole de l'image un menu ki en decoule a coté. Mais je ne sais pas comment faire. Je pense que cela est possible en javascript, mais je ne sais pas comment faire. Pouvez -vous m'aider ? Pensez vous qu'en html cela est également possible?

**Bisûnûrs** · 03/12/2006, 13h50

http://www.developpez.net/forums/sho...5&postcount=83

**12_darte_12** · 03/12/2006, 18h01

Merci c'est ce que je voudrai faire.

Mais je n'arrive pas a l'adapter sur mon menu.

Voici mon code :

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
<body>
 
<div align="center">
  <table width="100%" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#333399" bgcolor="#99CCFF">
    <tr>
      <td><div align="center">
        <table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#333399">
            <tr>
              <td height="132" colspan="3" align="center" valign="middle">Couvent de la divine Providence </td>
            </tr>
            <tr>
              <td width="12%" align="center" valign="top">
			    <table width="150" border="0" align="center" cellpadding="0" cellspacing="0" id="menu">
                <tr>
                  <td width="151" align="center" valign="middle"><table width="150" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                      <td align="center" valign="middle">
 
 
 
					  	<img src="images/0.png" alt="accueil" name="aze" width="125" height="125" onMouseover="aze.src='images/1.png';" onMouseout="aze.src='images/0.png';"/><br />
 
 
 
 
						<img src="images/3.png" alt="vins" name="qsd" width="125" height="88" onMouseover="aze.src='images/2.png'; qsd.src='images/4.png';" onMouseout="aze.src='images/0.png'; qsd.src='images/3.png';"/><br />
 
 
 
 
						  <img src="images/6.png" alt="vins" name="fgh" width="125" height="88" onMouseover="qsd.src='images/5.png'; fgh.src='images/7.png';" onMouseout="qsd.src='images/3.png'; fgh.src='images/6.png';"/><br />
 
 
 
 
                          <img src="images/9.png" alt="vignoble" name="wxc" width="125" height="88" onMouseover="fgh.src='images/8.png'; wxc.src='images/10.png';" onMouseout="fgh.src='images/6.png'; wxc.src='images/9.png';"/> 
 
 
 
						  </td>
                    </tr>
                  </table></td>
                </tr>
 
                <tr valign="middle">
                  <td align="center"><br><br><br></td>
                </tr>
                <tr>
                  <td align="center" valign="bottom"><img src="images/11.png" alt="accueil" name="aqw" width="125" height="125" onMouseover="aqw.src='images/12.png';" onMouseout="aqw.src='images/11.png';"/></td>
                </tr>
              </table>
		      </td>
              <td width="88%" colspan="2" align="left" valign="middle" bgcolor="#FFFFCC"><center><br>
			            <table width="90%" height="500"  border="0" cellpadding="0" cellspacing="0" bgcolor="#FFE888">
                          <tr>
                            <td width="100%" height="23" align="center" valign="middle">&nbsp;</td>
                          </tr>
                  </table><br>
              </center>
			  </td>
            </tr>
            <tr valign="middle">
              <td colspan="3" align="center">&nbsp;</td>
            </tr>
          </table>
      </div></td>
    </tr>
  </table>
</div>
</body>

Voici l'apparance q'il a actuellement :

Nom : test.JPG
Affichages : 58
Taille : 24,3 Ko

J'aimerai pouvoir faire ca :

Nom : test1.JPG
Affichages : 70
Taille : 25,3 Ko

Mon problème avec l'autre methode c'est que mon menu se trouve forcement decaler vers la droite et je n'arrive pas a supprimer l'espace qui vient se mettre entre mes images.

Pouvez vous m'aidez ?

Menu secondaire sur survole d'une image

JavaScript

Discussions similaires

Partager

Partager