Lustiges JavaScript-Spielchen
- Themenstarter n00ki3
- Beginndatum
Hi,
das es hier nicht funktioniert, liegt am Doctype des Dokumentes. Es wird einfach erwartet, dass die
CSS-Angaben für left und top mit einer Einheit (z.B. px) abgeschlossen wird.
Es muss allerdings ganz nach oben gescrollt werden.
Die Version, um es auf Knopfdruck zu starten, könnte folgendermassen aussehen:
Ciao
Quaese
das es hier nicht funktioniert, liegt am Doctype des Dokumentes. Es wird einfach erwartet, dass die
CSS-Angaben für left und top mit einer Einheit (z.B. px) abgeschlossen wird.
Code:
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24;x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length;function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style;DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5+"px";DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5+"px"}R++ }setInterval('A()',5); void(0)Die Version, um es auf Knopfdruck zu starten, könnte folgendermassen aussehen:
Code:
<html>
<head>
<title>www.tutorials.de</title>
<script type="text/javascript">
<!--
var hTimer;
var R=0;
var x1=.1; y1=.05;
var x2=.25; y2=.24;
var x3=1.6; y3=.24;
var x4=300; y4=200;
var x5=300; y5=200;
function rotateImages(){
DI = document.images;
DIL = DI.length;
}
function A(){
for(i=0; i<DIL; i++){
DIS = DI[i].style;
DIS.position='absolute';
DIS.left = Math.sin(R*x1+i*x2+x3)*x4+x5;
DIS.top = Math.cos(R*y1+i*y2+y3)*y4+y5;
}
R++;
}
window.onload = rotateImages;
//-->
</script>
</head>
<body>
<button onclick="window.clearInterval(hTimer);">stop</button>
<button onclick="hTimer = window.setInterval('A()',50);">rotateImages()</button>
<img src="bild.gif" border="0" alt="bild.gif">
</body>
</html>Quaese
Suchfunktion
Erfahrenes Mitglied
Bei Google auch 
Auch empfehlenswert 
Fuer Bildergalerien zu empfehlen:
Javascript:
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24;x4=800; y4=800; x5=800; y5=800; DI=document.images; DIL=DI.length;function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style;DIS.position='absolute'; DIS.left=Math.sin(R*x5+i*x5+x3)*x4+x5;DIS.top=Math.cos(R*y1+i*y2+y3+50)*y4+y5}R++ }setInterval('A()',5); void(0)Fuer Bildergalerien zu empfehlen:
Javascript:
javascript:R=0; x1=.1; y1=.5005; x2=.5005; y2=.5024; x3=5001.6; y3=.24;x4=800; y4=800; x5=800; y5=800; DI=document.images; DIL=DI.length;function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style;DIS.position='absolute'; DIS.left=Math.sin(R*x5+i*x5+x3)*x4+x5;DIS.top=Math.cos(R*y1+i*y2+y3+50)*y4+y5}R++ }setInterval('A()',5); void(0)
Zuletzt bearbeitet:
