nicht angemeldet
Experiment
Hallo,
inspiriert durch das Fernsehflimmern beim Fussballspiel und bei langen Bällen dieses Ruckeln vom Ball kam ich auf diese Idee, ein Bild in ca. 50 Hz in den Ebenen mit einer Schrift zu vertauschen. Rein optisch ergeben sich hier interessante Effekte, je nach Voder- und Hintergrundfarbe erscheint das sich bewegende Gif zu 50% transparent zu sein. Aber nur weil unser Auge so träge ist. Natürlich müssen hier Schrift- Hintergrundfarbe und Bild keinen zu hohen Kontrast aufweisen, und die Rechner schnell genug sein. Also, wie gesagt nur ein Experiment, aber vielleicht hilft ja das dem einem oder Anderen irgendwannmal. Man kann damit auch das Bild wie beim Häkeln um die Schrift herumschlängeln lassen. Je nachdem wie man Hintergrundfarbe und Timing verändert. Hier der Code:
<html>
<head>
<meta name="author" content="MichelM">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<title>layertest</title>
<Script type="text/javascript" >
zz=1;zy=1;var i=1;var lastpos=220; xx=100;
function wechsel(){
document.getElementById("MM1").style.zIndex=1;document.getElementById("MM2").style.zIndex=0;
setTimeout('wechsel1()',1);
}
function wechsel1(){
document.getElementById("MM1").style.zIndex=0;document.getElementById("MM2").style.zIndex=1;
setTimeout('wechsel()',19);
}
function bewegen(richtung){
lastpos+=richtung;
return lastpos;
}
function mover()
{
document.getElementById("MM2").style.left=xx;
xx+=10;if(xx>=400){xx=100;}
setTimeout("mover()",40);
}
</script>
</head>
<body text="#000000" bgcolor="#CCCCCC" link="#FF0000" alink="#FF0000" vlink="#FF0000" onload="wechsel();mover();">
<DIV ID="MM1" style="position:absolute;top:200;left:200;font-size:40px;visibilty=inherit;z-index:0;width:240;height:40;color:#333333;">S c h r i f t e n </DIV>
<DIV ID="MM2" style="position:absolute;top:220;left:220;visibilty=inherit;z-index:1;widht:80;height:40;" ><img src="./2up.gif" ></DIV>
</body>
</html>
Diese Bild ist 2up.gif, das ich zum Testen verwendet habe. Nur sinnvoll ab AMD/Pentium 500 MHZ Linux oder Windows und DOM2-Browser (IE5.5,NS6,Opera6,Mozilla 1.0 RC1,konquerer etc.)