Måske sådan (og der skulle fifles en hel del, men man kan i hvert fald på denne måde !-)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Tomt dokument</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#minDiv,#minDiv2{overflow:hidden;display:none;}
</style>
<script language="javascript" type="text/javascript">
var divDims = new Array();
function showDiv(elm){
var div = document.getElementById(elm);
if(divDims[elm]){
if(!divDims[elm][2]){
divDims[elm][2] = true;
showHide(elm,true);
}
}else{
divDims[elm] = [parseInt(div.style.width),parseInt(div.style.height),true];
div.style.height = '1px';
div.style.width = '1px';
div.style.display = 'block';
showHide(elm,true);
}
}
function hideDiv(elm){
/* var div = document.getElementById(elm);*/
if(divDims[elm]&&divDims[elm][2]){
divDims[elm][2] = false;
showHide(elm,false);
}else return;
}
function showHide(elm,action){
var div = document.getElementById(elm);
var cont = false;
var actWidth = parseInt(div.style.width);
if(action&&divDims[elm]&&divDims[elm][2]&&divDims[elm][0]>actWidth || !action&&actWidth>0){
div.style.width = actWidth + (action?1:-1) + 'px';
cont = true;
}
var actHeight = parseInt(div.style.height);
if(action&&divDims[elm]&&divDims[elm][2]&&divDims[elm][1]>actHeight || !action&&actHeight>0){
div.style.height = actHeight + (action?1:-1) + 'px';
cont = true;
}
if(cont&&(action&&divDims[elm][2]||!action&&!divDims[elm][2]))
setTimeout('showHide("' + elm + '",' + action + ')',33);
else if(!action&&!divDims[elm][2]){
div.style.display = 'none';
div.style.width = divDims[elm][0] + 'px';
div.style.height = divDims[elm][1] + 'px';
divDims[elm] = null;
}
}
</script>
</head>
<body>
<span id="minSpan" onmouseover="showDiv('minDiv');" onmouseout="hideDiv('minDiv');" style="cursor:pointer">Vis div</span>
<div id="minDiv" style="width:100px;height:100px;">
<img src="../billede.jpg" style="width:100px;height:100px;">
</div>
<br>
<span id="minSpan" onmouseover="showDiv('minDiv2');" onmouseout="hideDiv('minDiv2');" style="cursor:pointer">Vis div</span>
<div id="minDiv2" style="width:100px;height:100px;">
<img src="../billede.jpg" style="width:100px;height:100px;">
</div>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
