Truco Javascript para hacer rotar las imágenes de un sitio web
Verdaderamente cada día me sorprende más todo lo que se puede lograr con el lenguaje, tan conocido, Javascript. Desde el sitio Blog Oh! Blog me encuentro con una serie de trucos de Javascript muy impresionantes y entretenidos.
De todos los que vi uno en particular me llamó mucho la atención por su gran poder y atractivo visual. El mismo se llama “The Big Wheel”, o la gran rueda, y consiste precisamente en una gran rueda que comienza a girar con todas las imágenes de una web.
¿Cómo funciona? Todo lo que tenemos que hacer es meternos en el sitio donde queremos probar este truco, copiar el siguiente código en la barra de direcciones de la web:
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);
Y, finalmente, observar el aro de imágenes desplegarse.
Los mejores sitios para utilizarlo son aquellos que poseen muchas fotografías como un Fotolog, o las imágenes de Google, por ejemplo.
Si observan el código lo que rota es el tag “img” de HTML, así que si lo reemplazan por “a” o “p” verán a los links o al texto rotar en lugar de las imágenes.
Entretenido ¿verdad?
Fuente:
