10 svar · 331 visningar · startad av Insider
Jag vill visa en karta.
Genom en dynamisk sida vill jag kunna ändra färgen på vissa områden av kartan. (t.ex länder.)
Ex: varje land har en egen bild, där allt runtikring landet är transparent. Dessa bilder vill jag lägga ovanpå varandra; för att tillsammans bilda en komplett karta.
Går det att använda flera delvis transparenta bilder som ligger ovanpå varandra, alltså flera lager, och sedan kunna kontrollera vilken bild man vill byta ut/ändra färg på???
Visst kan du lägga bilder i flera lager;
<div id="karta_sverige" style="position:absolute;top:100px;left:100px;"><img src="sverige.gif" width="500" height="500"></div>
<div id="karta_norge" style="position:absolute;top:100px;left:100px;"><img src="norge.gif" width="500" height="500"></div>
sedan använder du;
document.getElementById("karta_norge").style.visibility="hidden";
för att gömma Norge eller;
document.getElementById("karta_norge").style.visibility="visible";
för att visa.
Det finns massor av trådar här i forumet hur man kontrollerar lager. Sök lite så hittar du nog många tips.
Tackar, ska testa!
Vilka webläsare stödjer denna metod??
De flesta.
Opera 6+, Netscape 6+, IE 4+, Safari och andra...
Netscape och MacIntosh
Ok.
Men säg att jag bara vill använda lagermetoden, och köra sidan helt utan JavaScript.
<div id="karta_sverige" style="position:absolute;top:100px;left:100px;"><img src="sverige.gif" width="500" height="500"></div>
<div id="karta_norge" style="position:absolute;top:100px;left:100px;"><img src="norge.gif" width="500" height="500"></div>
Funkar detta även i äldre webläsare än NN6 och på MAC???
Som sagt, NN6+
vilket betyder version 6 eller högre
Samma gäller MAC... samma browsers
Nja, det funkar hos mig på Netscape Communicator 4.51.
Äldre läsare är nog sällsynta.
Funkar det även på Mac så är jag nöjd!
Sorry, jag missade att du bara menade html koden utan javascript...
Anyway, du borde uppgradera din browser ;)
:)
jojo, jag kör ju IE 5.5 annars, men jag har NN bara för att testa sidorna med.
Då är allt lugnt!