Bonjour,
 
Je m'adresse à vous car je souhaite modifier un menu images en rollover pour ajouter une condition, mais je suis perdue.
J'ai fait un rollover avec Dreamweaver et au ajouté du php pour obtenir l'effet suivant :
 
- image initiale : point vert ;
- image de survole : point orange ;
- image lorsque la page est activée : orange
 
Seulement, il faut que je rajoute une condition : exemple : la page d'accueil est activée et son bouton est orange. Mon but est que lorsque je survole les autres boutons, ces derniers passent à l'orange et le bouton de la page d'accueil au vert.    
 
Voici mes éléments de codes :
 
PHP : nom de la page : <?php $page=1;  ?>
 
Javascript :
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#" )!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?" ))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

 
Rollover :

<?php if ($page!=1) { ?>
                <a href="accueil.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('image1','','images/menu21.png',1)"><img src="images/menu2.png" name="image1" width="96" height="41" border="0" id="image1" /></a>
              <?php } else { ?>
              <img src="images/menu21.png" width="96" height="41" border="0" />
              <?php } ?></td>
            <td width="141" valign="bottom"><?php if ($page!=2) { ?>
                <a href="telesurveillance.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image31','','images/sousmenu11.png',1)"><img src="images/menu3.png" name="image3" width="141" height="41" border="0" id="image3" /></a>
              <?php } else { ?>
              <img src="images/menu31.png" width="141" height="41" border="0" />
              <?php } ?></td>
            <td width="109" valign="bottom"><?php if ($page!=3) { ?>
                <a href="news.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/menu41.png',1)"><img src="images/menu4.png" name="Image5" width="109" height="41" border="0" id="Image5" /></a>
              <?php } else { ?>
              <img src="images/menu41.png" width="109" height="41" border="0" />
              <?php } ?></td>
            <td width="121" height="85" valign="bottom"><?php if ($page!=4) { ?>
                <a href="contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/menu51.png',1)"><img src="images/menu5.png" name="Image6" width="121" height="41" border="0" id="Image6" /></a>
              <?php } else { ?>
              <img src="images/menu51.png" width="121" height="41" border="0" />
              <?php } ?>
 
J'espère que vous aurez une solution à me proposer    
Merci d'avance.