Ciao
ho mappato una immagine....ora devo fare in modo ke al passaggio del mouse su ogni area appaia di fianko un'altra immagine e scompaia kuando il mouse esce dall'area.
Ho usato uno script trovato su questo sito l'ho adattato alle mie esigenze ma non funziona...
qualkuno mi aiuta?
tnkz
ecco il codice...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
<!--
var bufferImage = new Array();
function Buffer(filename) {
var i = bufferImage.length;
bufferImage[i] = new Image();
bufferImage[i].src = filename;
}
function showImage(filename) {
document.images[Image_Name].src = filename;
}
Buffer("chisiamo.gif");
Buffer("musica.gif");
Buffer("arte.gif");
Buffer("cinema.gif");
Buffer("viaggi.gif");
Buffer("cont.gif");
Buffer("forum.gif");
Buffer("link.gif");
//-->
</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Sound</title>
<style type="text/css">
<!--
body,td,th {
color: #FFFFFF;
}
body {
background-color: #000000;
}
.Stile1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #F7080A; }
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<div id="Layer1" style="position:absolute; width:151px; height:26px; z-index:4; left: 337px; top: 41px;">[img]images/chisiamo.gif[/img]</div>
<div align="center">[img]images/funghi.gif[/img]
<div id="Layer2" style="position:absolute; width:151px; height:26px; z-index:2; left: 277px; top: 333px;">[img]images/musica.gif[/img]</div>
<div id="Layer3" style="position:absolute; width:64px; height:26px; z-index:3; left: 910px; top: 423px;">[img]images/arte.gif[/img]</div>
<p class="Stile7">
<map name="Map">
<area shape="poly" coords="134,443,139,494,334,456,302,389,200,398" href="cinema.htm" onMouseover=showImage('cinema')>
<area shape="poly" coords="145,345,166,397,254,378,233,299,183,310" href="musica.htm" onMouseOver="showImage('musica.gif')">
<area shape="poly" coords="113,112,116,195,186,229,260,192,352,112,30 7,41,253,13,163,41" href="chisiamo.htm"onMouseOver="showImage('chisiam o.gif')">
<area shape="poly" coords="311,344,286,288,287,250,299,206,331,206,35 1,208,368,213" href="viaggi.htm" onMouseOver="showImage('viaggi.gif')">
<area shape="poly" coords="322,321,313,363,331,408,362,387,397,374,43 3,387,427,341,398,300,359,288" href="arte.htm" onMouseOver="showImage(arte.gif)">
<area shape="poly" coords="421,414,439,379,471,358,510,359,537,383,54 2,431,526,474,426,437" href="link.htm" onMouseOver="showImage('link.gif')">
<area shape="poly" coords="340,287,375,209,420,191,493,198,582,254,60 2,324,525,361,510,350,460,356,383,282" href="contatti.htm" onMouseOver="showImage('cont.gif')">
<area shape="poly" coords="365,129,322,54,364,50,436,125,452,143,449, 186,322,200,295,190" href="http://tools.mrwebmaster.it/work/forum.php?forum_id=2690" onMouseOver="showImage('forum.gif')">
</map>
<span class="Stile1">CLICCA SUI FUNGHI PER ENTRARE</span></p>
</div>
<BGSOUND SRC="C:\Documents and Settings\DUST_K\Desktop\Sito Sound\sounds\loop.wav" LOOP=INFINITE>
</body>
</html>
Rispondi quotando
