Avatar billede sp Nybegynder
27. januar 2002 - 13:18 Der er 1 løsning

Et billede popper op / lag bliver synligt

Hej.

Jeg har engang set, at når man gik hen og trykkede på billedet kunne det poppe op og bliver lidt større imens musen var på billedet. Når man så flyttede den væk, blev det normal størrelse igen. Nærmest en slags popup bare med dhtml.

Det skal ikke være det eksisterende billede, men altså et lag der kommer frem udenpå, som er noget større.

mvh
Søren Peter
Avatar billede sp Nybegynder
28. januar 2002 - 20:52 #1
Jeg har selv fundet løsningen!

<HTML><HEAD>


<style>

#lag{
Position: absolute;
top: 10;
left: 10;
background-color: #000000;
width:50;
height:50;
color:#FFFFFF;
text-align: center;
VISIBILITY: hidden;
}


</style>
<Script>
var ns4 = (document.layers)? true : false;
var ie  = (document.all) ? true : false;
var ns6 = (document.getElementById&&!document.all) ? true : false;




function Over(){

    if (ns4) {  // na4       
            document.layers['lag'].visibility = 'visible';
        } else
        if (ns6) {  // dom-compliant browsere
            document.getElementById('lag').style.visibility = 'visible';
        } else
    if (ie){  // ie4
          document.all['lag'].style.visibility = 'visible';

        }



}

function Out(){
if (ns4) {  // na4       
            document.layers['lag'].visibility = 'hidden';
        } else
        if (ns6) {  // dom-compliant browsere
            document.getElementById('lag').style.visibility = 'hidden';
        } else
    if (ie){  // ie4
          document.all['lag'].style.visibility = 'hidden';

        }
}
</script>
</head>
<body>
<a href="#" onMouseover="Over();" onMouseout="Out();">test test test
</a>
<div id="lag">help</div>


</BODY></HTML>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester