Problemer med fade in funktion (iframe)
HejsaJeg har prøvet at lave en "fade in" funktion på et iframe.
Men det virker sgu ikke rigtigt:-(
Nogen der kan hjælpe?
-------------------------------------------------------
<html>
<head>
<style>
.knap{
display:inline;
width:auto;
cursor:pointer;
border:1px solid #000;
}
</style>
<script type="text/javascript">
var counter = 0;
var mozilla = 10;
var explorer = 100;
function ChangeIframe(page){
var iframe = document.getElementById("FadeIframe");
if(counter<=10){
mozilla = mozilla-0.1;
explorer = explorer-10;
iframe.style.MozOpacity= ""+filter+"";
iframe.style.filter = "progid:DXImageTransform.Microsoft.Alpha(Opacity="+explorer+")";
counter++
windows.setInterval("ChangeIframe();", 100);
} else {
iframe.src = "side2.html";
}
}
</script>
</head>
<body>
<div class="knap" onClick="ChangeIframe('iframe.html');">Side 1</div>
<div class="knap" onClick="ChangeIframe('side2.html');">Side 2</div>
<br /><br />
<iframe src="iframe.html" id="FadeIframe"></iframe>
</body>
</html>
---------------------------------------------
