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:
mentre il rollover vero e proprio avviene al passaggiod u dei punti attivi:
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 ^^