servus!
ich habe es mit dem eingebauten oberen code versucht:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Opacity</title>
<style type="text/css" media="screen">
div#optest {
width: 800px;
height:800px;
background-color:#FF0000;
filter:alpha(opacity=100);
-moz-opacity:1.0;
KhtmlOpacity: 1.0;
}
</style>
<script type="text/javascript" language="JavaScript">
function fade (id, actOpac, endOpac, step) {
var obj = document.getElementById(id);
var o = actOpac;
function opacity () {
o += (actOpac > endOpac) ? -step : step;
if(typeof obj.style.filter != 'undefined')
obj.style.filter = 'alpha(opacity=' + o + ')';
else if( typeof obj.style.opacity != 'undefined')
obj.style.opacity = o / 100;
return !(Math.abs(endOpac - o) < step);
};
opacity.Timer(20, 100);
}
</script>
</head>
<body>
<div id="optest"></div>
<a href="#" onclick="fade('optest', 100,0,10);">Fade out</a>
<a href="#" onclick="fade('optest', 0, 100, 10);">Fade in</a>
</body>
</html>
aber leider ist das ergebnis auch, dass sich nichts tut. hab ich da was falsch gemacht? hast du es bei dir testen können?
danke viemals!!
lg
max