- Registriert
- 29.01.08
- Beiträge
- 154
Hallo zusammen,
ich bastel gerade an einer neuen Site (http://www.amm-screening.de) und habe mir einen simplen fade-Effekt mit JavaScript gebastelt, den ich mit onmouseover/onmouseout auslöse. Jedoch führt dies im Safari zu einem Flackern, wenn man die Maus etwas schneller bewegt. Im Firefox sieht es etwas besser aus. Das Problem existiert grundsätzlich jedoch ebenson.
Hat jemand einen Tipp, wie ich das verhindern kann?
Gruß Andreas
Hier der Quellcode:
<script type="text/javascript">
function fadeIn (otf,step) {
step = step + 0.1;
document.getElementById(otf).style.opacity = step;
if (step<1) {setTimeout(function(){fadeIn(otf,step)},15);}
}
function fadeOut (otf,step) {
step = step - 0.1;
document.getElementById(otf).style.opacity = step;
if (step>0) {setTimeout(function(){fadeOut(otf,step)},15);}
}
</script>
...
onMouseover="fadeIn('aviation',0);fadeIn('avback',0);"
onMouseout="fadeOut('aviation',1);fadeOut('avback',1);"
ich bastel gerade an einer neuen Site (http://www.amm-screening.de) und habe mir einen simplen fade-Effekt mit JavaScript gebastelt, den ich mit onmouseover/onmouseout auslöse. Jedoch führt dies im Safari zu einem Flackern, wenn man die Maus etwas schneller bewegt. Im Firefox sieht es etwas besser aus. Das Problem existiert grundsätzlich jedoch ebenson.
Hat jemand einen Tipp, wie ich das verhindern kann?
Gruß Andreas
Hier der Quellcode:
<script type="text/javascript">
function fadeIn (otf,step) {
step = step + 0.1;
document.getElementById(otf).style.opacity = step;
if (step<1) {setTimeout(function(){fadeIn(otf,step)},15);}
}
function fadeOut (otf,step) {
step = step - 0.1;
document.getElementById(otf).style.opacity = step;
if (step>0) {setTimeout(function(){fadeOut(otf,step)},15);}
}
</script>
...
onMouseover="fadeIn('aviation',0);fadeIn('avback',0);"
onMouseout="fadeOut('aviation',1);fadeOut('avback',1);"