problème rollover

mettre une deuxième image en rollover

29 avril 2009 à 14:00:53

Bonjour a tous et toutes!!!

Voilà j'ai un ptoblème de rollover. En effet je veux mettre deux images sur ma page d'accueil qui soit en rollover. Le premier fontionne très bien par contre pour le deuxième impossible d'avoir une réaction voici mon code :

<html>
<head>
<script language="JavaScript">
<!-- Begin
bouton = new Image();
bouton.src = "images/enter_04.png";
//-->
</script>
<title>enter</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-image: url(images/enter_03.png);
	background-color: #009CFE;
	background-repeat: repeat-x;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
  <!-- ImageReady Slices (enter.psd) -->
  <table id="Tableau_01" width="500" height="800" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td rowspan="4">
        <img src="images/enter_01.png" width="26" height="800" alt=""></td>
	    <td>
		    <img src="images/enter_02.png" width="446" height="132" alt=""></td>
	    <td rowspan="4">
		    <img src="images/enter_03.png" width="28" height="800" alt=""></td>
	  </tr>
    <tr>
      <td>
      <a href="#" onMouseOver="bouton.src = 'images/enter_004.png';" onMouseOut="bouton.src = 'images/enter_04.png';"><img src="images/enter_04.png" border=0 width="446" height="297" name=bouton></a>
       </td>
	  </tr>
    <tr>
      <td>
        <img src="images/enter_05.png" width="446" height="308" alt=""></td>
	  </tr>
    <tr>
      <td>
        <img src="images/enter_06.png" width="446" height="63" alt=""></td>
	  </tr>
  </table>
  <!-- End ImageReady Slices -->
</div>
</body>
</html>

birdy42

29 avril 2009 à 14:02:30

Utilisez le zCode pour présenter votre code svp :

<code type="html">
<!-- Ton code HTML -->
</code>
<code type="javascript">
// Ton code JS
</code>

(fonctionne aussi avec CSS

) Edite ton post précédent en cliquant sur le petit crayon au dessus et dis dès que c'est fait...

xavierm02

29 avril 2009 à 14:02:56

Vire les commentaires dans le CSS et le javascript...
Et utilises les balises code...

victorine26

29 avril 2009 à 14:09:54

ça y est je te l'ai mis en zcode

Golmote

29 avril 2009 à 14:25:49

Tu pourrais faire directement un onmouseover sur l'image, puisque ton lien n'a aucune utilité...

<img src="images/enter_04.png" border="0" width="446" height="297" name="bouton" onmouseover="this.src = 'images/enter_004.png';" onmouseout="this.src = 'images/enter_04.png';">

Il est aussi conseillé de mettre TOUS les attributs entre guillemets.

xavierm02

29 avril 2009 à 14:46:34

Et ta variable bouton n'est pas un élément HTML... donc bouton.src ça doit pas renvoyer à grand chose...
Tu pourrais utiliser ça :

<img src="image1" onmouseover="this.src='image2'" onmouseout="this.src='image1'"/>

Golmote

29 avril 2009 à 16:30:26

xavier, c'est précisément ce que j'ai fait...

xavierm02

29 avril 2009 à 16:35:38

Rho...
ah tant pis... j'avais pas scrollé pour lire ton code

Je croyais que t'avais juste rajouté les ""

Golmote

29 avril 2009 à 17:16:36

Bah non quand même, je ne serais pas passé à côté de ça !