Efecto sorprendente con javascript
- Os váis a una página con muchas imágenes, por ejemplo ésta de Google Images.
- Ahora copiáis este código:
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.getElementsByTagName("img"); 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);
Lo ponéis en la barra de direcciones (como si fuera una página web) y le dáis al intro.
[Actualización:]
Pues en meneame.net han dejado un comentario con este otro código:
javascript:x=0;e=document.body;e.style.position=”absolute”;function rt(){e.style.top=100-(50*Math.cos(x*Math.PI/180))+”px”;e.style.left=100+(50*Math.sin(x*Math.PI/180))+”px”;x+=5};setInterval(”rt()”,50);void(0);
Lo ponéis en la barra de direcciones y la página comenzará a temblar!
Y Jairo, en los comentarios, propone cambiar los parámetros para conseguir que las imágenes hagan otro recorrido:
javascript:R=0; x1=.01; y1=.005; x2=.025; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300;y5=200;DI=document.getElementsByTagName("img"); 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);
Vía StopGeek
Octubre 24th, 2006 at 2:54
Efecto sorprendente con javascript
Es un código en javascript que crea un efecto con las imágenes que muestra tu navegador. No tiene mucha utilidad, pero esta bueno para verlo como curiosidad.
Octubre 24th, 2006 at 4:34
y si cambias los valores x, y. etc.. se puede obtener el efecto que quieras!
por ejemplo este es una serpiente que viene hacia ti….
javascript:R=0; x1=.01; y1=.005; x2=.025; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName(”img”); 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);
anotate un punto!!! excelente efecto.
Octubre 24th, 2006 at 5:14
Buena esta extraño el efecto, no lo habia visto por ninguna parte
Octubre 24th, 2006 at 5:46
como mola, en la vida se me habria ocurrido
Octubre 28th, 2006 at 8:57
¡QUE NO TIENE UTILIDAD! (como dice el primer comentario) tener contenidos mas dinámicos es el objetivo de cualquier diseñador y/o programador web. Y como cualquier (o casi cualquier) programador web te diría huir de tecnologías propietarias para el diseño.
Ciertamente es una curiosidad pero, sin duda, una prueba que solo con la tecnología web podemos conseguir contenidos mucho mas atractivos y dinámicos.
Agosto 15th, 2007 at 2:02
El segundo y el 2º y el 4º no funkan… porfas chequenlos los otro dos estan buenisimos