Imagemap & Swap images!?

Det skal laves med et layer...!
Og det er en smule svært...
Jeg vil i hvertfald ikke gøre det for 30 point...
Det skulle da ikke undre mig at det lå et sted på dynamicdrive.com eller andre steder med en applet kan ikke gøre det...!
Layers...
Læs eventuelt om det på
www.dansteinmann.com/dynduo/

MPJ

<ole>
Her er et eksempel, som jeg har skrevet uden \'slankemidler\', for at du bedre kan se, hvad der sker:

<html>
<head>
<script language=\"JavaScript\">
<!--
var ns = document.layers;
var ie = document.all;
function show(which) {
    if (ns) {
        which.visibility = \"show\";
    }else{
        which.style.visibility = \"visible\";
    }
}
function hide() {
    if (ns) {
        for (i=0; i<document.layers.length; i++) {//alert();
            if (document.layers[i].id.indexOf(\'div\') != -1) {
                document.layers[i].visibility = \"hide\";
            }
        }
    }
    if (ie) {
        for (i=0; i<document.all.length; i++) {
            if (document.all[i].id.indexOf(\'div\') != -1) {
                document.all[i].style.visibility = \"hidden\";
            }
        }
    }
}
// -->
</script>
<style type=\"text/css\">
<!--
.pop { position:absolute; left:150px; top:50px; font-family:verdana,arial; font-size:10px; color:red; visibility:hidden; }
-->
</style>
</head>
<body bgcolor=white>

<div id=\"div0\" class=\"pop\">Besked 1</div>
<div id=\"div1\" class=\"pop\">Besked 2</div>
<div id=\"div2\" class=\"pop\">Besked 3</div>

<p><a href=\"#\" onmouseover=\"show(div0);\" onmouseout=\"hide();\">Link 1</a></p>
<p><a href=\"#\" onmouseover=\"show(div1);\" onmouseout=\"hide();\">Link 2</a></p>
<p><a href=\"#\" onmouseover=\"show(div2);\" onmouseout=\"hide();\">Link 3</a></p>

</body>
</html>

/Vh
</bole>

Ole>>>

Er det ikke smartere med:

<html>
<head>
<style type=\"text/css\">
<!--
.pop { position:absolute; left:150px; top:50px; font-family:verdana,arial; font-size:10px; color:red; visibility:hidden; }
-->
</style>

<script language=\"JavaScript\">
<!--
var ns = document.layers;
var ie = document.all;
function show(which) {
    if (ns) {
        which.visibility = \"show\";
    }else{
        which.style.visibility = \"visible\";
    }
}
function hide() {
    if (ns) {
        for (i=0; i<document.layers.length; i++) {//alert();
            if (document.layers[i].id.indexOf(\'div\') != -1) {
                document.layers[i].visibility = \"hide\";
            }
        }
    }
    if (ie) {
        for (i=0; i<document.all.length; i++) {
            if (document.all[i].id.indexOf(\'div\') != -1) {
                document.all[i].style.visibility = \"hidden\";
            }
        }
    }
}
// -->
</script>
</head>
<body bgcolor=white>

<div id=\"div0\" class=\"pop\">Besked 1</div>
<div id=\"div1\" class=\"pop\">Besked 2</div>
<div id=\"div2\" class=\"pop\">Besked 3</div>

<p><a href=\"#\" onmouseover=\"show(div0);\" onmouseout=\"hide();\">Link 1</a></p>
<p><a href=\"#\" onmouseover=\"show(div1);\" onmouseout=\"hide();\">Link 2</a></p>
<p><a href=\"#\" onmouseover=\"show(div2);\" onmouseout=\"hide();\">Link 3</a></p>

</body>
</html>


Hvis det skal virke ordenligt i netscape skal stylen af en eller anden grund stå først, det fandt vi da ihvertfalde frem til sidst vi snakkede om samme type layers script.

//Jens

Det er da rigtigt...det var vist på PC, det generede  ;o)
/Vh

Jep, din dumme MAC kan hverken vise kode ordenligt eller lade være :-)