Forum « Re: Image réactive , rollover ! sur une grande image de fond découpée en plusieurs images dans une tableau HTML »

Forum « Programmation HTML » (archives)

Re: Image réactive , rollover ! sur une grande image de fond découpée en plusieurs images dans une tableau HTML

Envoyé: 30 août 2004, 9h38 par oXoiD

Ne t'inquiete pas coté infographie ca va, je me débrouille bien, bon, j'ai reussi a réglé image ready pour avoir des jpg, ca tien mainteantn sous 83 ko, c'est déja bcp mieux, bon, j'ai besoin d'un petit coup de main javascript bidon pour mes roll over : voila mon code (cette fois ci) :

<body style="background-color:#1371A4; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">

<div id="Tableau_01">

<div id="fond2-01">
<img src="images/fond2_01.jpg" width="333" height="405" alt="">
</div>

<div id="fond2-02">
<img src="images/fond2_02.jpg" width="527" height="337" alt="">
</div>
<div id="fond2-03">
<img src="images/fond2_03.jpg" width="209" height="199" alt="">
</div>
<div id="fond2-04">
<img src="images/fond2_04.jpg" width="318" height="199" alt="">
</div>
<div id="fond2-05">
<img src="images/fond2_05.jpg" width="333" height="380" alt="">
</div>
<div id="fond2-06">
<img src="images/fond2_06.jpg" width="527" height="101" alt="">
</div>
<div id="fond2-07">
<img src="images/fond2_07.jpg" width="527" height="285" alt="">
</div>
<div id="fond2-08">
<img src="images/fond2_08.jpg" width="333" height="239" alt="">
</div>
<div id="fond2-09">
<img src="images/fond2_09.jpg" width="527" height="102" alt="">
</div>
</div>

</body>

Et donc on m'&a dis de mettre ca pour les roll over :

<a href="#" onMouseOver="planete.src='images/fond5_01.jpg'"
onMouseOut="planete.src='images/fond2_01.jpg'"><img src="images/fond2_01.jpg" border=0 name="menu_style"></a>

Mais je sais pas trop comment l'introduire dans ma page html et a quel endroit mettre les <script> peut tu m aider ?