compatibilità browser rollover

LoRdCoStE

Nuovo Utente
18 Set 2005
1
0
0
27
lordcoste.altervista.org
Ho creato un effetto di rollover multiplo, peccat che per ora sembri fuzioni solo con firefox. Qualcunod i voi saprebbe spiegarmi se c'è qualche modo per farlo funzionare anche su altri browser? in particolare explorer..

la pagina è qui: http://www.lordcoste.altervista.org/tel/

il rollover dovrebbe essere nel menù superiore (ovvero pulsanti ADMIN, HOME, CATALOGO, COMMENTI)

posto anche il codice:

Codice:
<script language="JavaScript" type="text/JavaScript">
<!--
var revert = new Array();
var inames = new Array('commenti', 'catalogo', 'home', 'admin', 'index');


// Preload
if (document.images) {
  var flipped = new Array();
  var flipped2 = new Array();
  for(i=0; i< inames.length; i++) {
    flipped[i] = new Image();
    flipped[i].src = "menu/"+inames[i]+"2.gif";
    flipped2[i] = new Image();
    flipped2[i].src = "menu/"+inames[i]+"3.gif";
  }
}

function over(num) {
  if(document.images) {
    revert[num] = document.images[inames[num]].src;
    document.images[inames[num]].src = flipped2[num].src;
  }
}
function out(num) {
  if(document.images) document.images[inames[num]].src = revert[num];
}

var inames2 = new Array('commenti', 'catalogo', 'home', 'admin', 'index');

function overr(num) {
  if(document.images) {
    revert[num] = document.images[inames2[num]].src;
    document.images[inames2[num]].src = flipped[num].src;
  }
}
function outt(num) {
  if(document.images) document.images[inames2[num]].src = revert[num];
}
//-->
</script>

mentre il rollover vero e proprio avviene al passaggiod u dei punti attivi:

Codice:
<a href="index.php?action=login" onMouseOut="outt(3)" onMouseOver="overr(3)"><map name="admin_map"><area shape="rect" coords="1,2,85,24" href="index.php?action=login"></map></a>

  <a href="index.php?action=login" onMouseOut="outt(4)" onMouseOver="overr(4)"><map name="index_map"><area shape="rect" coords="471,1,548,22" href="index.php"></map></a>

  <a href="index.php?section=catalogo" onMouseOut="out(1),out(2)" onMouseOver="over(1),over(2)"><map name="Map_catalogo"><area shape="rect" coords="2,2,107,22" href="index.php?section=catalogo"></map></a>

  <a href="index.php" onMouseOut="outt(2)" onMouseOver="overr(2)"><map name="Map_home"><area shape="rect" coords="3,1,19,20" href="index.php"></map></a>

  <a href="index.php?section=guest" onMouseOut="outt(0),outt(1)" onMouseOver="overr(0),overr(1)"><map name="commenti_map"><area shape="rect" coords="1,1,105,23" href="index.php?section=guest"></map></a> 

ringrazio tutti in anticipo ^^
 

Discussioni simili