Layer

Hur skall lagret ovanpå imagemappen ändras och när?

alt: om någon har något script som ändrade bilderna vid onMouseOver skulle det också vara uppskattat...

Jag ser bara en bild...? Om du menar areorna i image-mappen så kan du inte endast byta ut en area, utan måste byta hela bilden. Därför får du då splitta upp bilden i flera småbilder och med fördel lägga dem i en tabell. Därefter kan du ändra dem med ett vanligt bildbytarscript.

Nej, jag menar inte så. Jag vill alltså skapa ett lager ovanpå den bilden där man kan lägga andra bilder beroende på vilken sida man är på...

rättelse alt: Dessa bilder som ligger i ett lager över bilden ska kunna bytas beroende på vilken av länkarna i imagemapen som man håller på...

För att göra det enkelt för dig kan du skapa lager på alla positioner där bilder skall dyka upp;

<div id="mittlager" style="position:absolute;top:50px;left:100px;visibility:hidden;">
<img ...>
</div>

och sedan kan du använda dessa funktioner;

function showLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "visible";
	} else if (document.layers){
		document.layers[Id].visibility = "show";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "visible";
	}
}
function hideLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "hidden";
	} else if (document.layers){
		document.layers[Id].visibility = "hide";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "hidden";
	}
}

för att visa resp. lager, ex. från onMouseover från image-mappens areor;

onMouseover="showLayer('mittlager');"
onMouseout="hideLayer('mittlager');"

tackar

hmm... Eftersom min sida är centrerad så blir det problem med att lagret flyttas när man förstorar/förminskar fönstet... Hur kan man lösa detta?

Ok... jag fick det att fungera men nu skulle jag vilja göra såhär. Det finns en fast bild som finns i ett lager beroende på vilken sida man är på, det är fixat men sedan när man håller över någon annan länk skall den bilden visas över den fasta...

När man drar bort så ska den fasta återigen synas... Det här fungerar inte...

<div id="valkommen" style="position:absolute;top:70px;left:50%;visibility:hidden;">
<img src=art/topmenu/valkommen.gif>
</div>
<div id="page" style="position:absolute;top:70px;left:50%;visibility:visible;">
<%
strSida = Request.ServerVariables("SCRIPT_NAME")
n = split(strSida,"/")
if n(ubound(n)) = "p_news.asp" then
response.write "<img src=art/topmenu/nyheter.gif>"
elseif n(ubound(n)) = "p_start.asp" then
response.write "<img src=art/topmenu/valkommen.gif>"
end if
%>
</div>

<img usemap="#map" src="art/topmenu/main.gif" border="0">
<map name="map">
<area shape="rect" coords="32,21,174,93" href="p_start.asp" title="" onMouseover="showLayer('valkommen');" onMouseout="hideLayer('valkommen');">
<area shape="rect" coords="12,104,66,118" href="p_news.asp" title="">
<area shape="rect" coords="71,104,121,118" href="p_projects.asp" title="">
<area shape="rect" coords="124,104,163,118" href="p_team.asp" title="">
<area shape="rect" coords="167,104,213,118" href="p_season.asp" title="">
<area shape="rect" coords="217,104,287,118" href="p_sponsors.asp" title="">
<area shape="rect" coords="290,104,342,118" href="p_general.asp" title="">
<area shape="rect" coords="345,104,401,118" href="p_gossip.asp" title="">
<area shape="rect" coords="405,104,459,118" href="p_guestbook.asp" title="">
<area shape="rect" coords="462,104,511,118" href="p_member.asp" title="">
<area shape="rect" coords="514,104,565,118" href="p_kontakt.asp" title="">
<area shape="default" nohref>
</map>

byta onMouseOver

Det blev fel