<html>
<head>
<script language="javascript">
function vis(i) {
if (document.layers)
document.layers["image"+i] .
visibility='show';
else
document.all["image"+i] .
style.visibility='visible';
}
function gem (i) {
if (document.layers)
document.layers["image"+i] .
visibility='hide';
else
document.all["image"+i] .
style.visibility='hidden';
}
</script>
<style type="text/css">
BODY{
background-color : #6699FF;
font-family : 'comic sans MS' , 
Fantasy;
font-size : 12px;
color : #FFFFFF;
font-weight : normal;
text-align : center;
}
A:link { color : #FFFFFF;
text-decoration : none;
font-size : 12px }
A:visited { color : #FFFFFF;
text-decoration : none;
font-size . 12px }
A:hover { color : #99FF89;
background-color : #119977;
text-decoration : overline;
font-size : 12px }
A:active { color : #FFFFFF;
text-decoration;
font-size : 12px 
}
INPUT{
cursor : hand;
color : #FFFFFF;
background-color : #6699FF
}
</style>
</head>

<body>
<form name="swipsplit">
<INPUT TYPE="button"
value="Vis billede"
onClick="vis(1); ">
<INPUT TYPE="button"
VALUE="Gem billede"
onClick="gem(1);">
</form>
<div id="image1"
style="position:center;
visibility : hidden : ">
<img src="billede.jpg">
</div>

<hr color="red" width="250">
</body>
</html>