Problemer med Fade?
Kan ikke få dette til at virke, nogen der kan hjælpe?Jeg ønsker at fade fra 0 til 100...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Dissolve</title>
<script type="text/javascript">
function doFade(id, millisec) {
alert(document.getElementById(id).style.opacity)
//if an element is invisible, make it visible, else make it ivisible
if(document.getElementById(id).style.opacity == 0) {
opacity(id, 0, 100, millisec);
} else {
opacity(id, 100, 0, millisec);
}
}
</SCRIPT>
<style type="text/css">
<!--
html,body{margin:0;padding:0;}
#templateSite{
width:1180px;
height:870px;
overflow:hidden;
margin:0 auto;
border:1px solid red;
position:relative;
}
#frontBillede1{
width: 100%;
background-color: silver;
opacity:.0;
filter: alpha(opacity=0);
-moz-opacity: 0.5;
border:1px solid black;
}
-->
</style>
</head>
<body onLoad="doFade('frontBillede1', 1000)">
<!-- Skærm areal, skal evt. justeres -->
<div id="templateSite">
<img src="filarkiv/images/<% = request.QueryString("billede1") %>" id="frontBillede1">
</div>
<!-- skærm areal, slut -->
</body>
</html>
