ProInf.net

Volver locas a las imágenes de una web

Francisco 14-06-07

Enlace de la fuente original: Retrogismo

Ejemplo de funcionamiento

Pasos a seguir

  1. Ir a un sitio web que tenga cuántas más imágenes mejor. Por ejemplo buscando imágenes en Google.
  2. Borrar la dirección que haya en la barra de direcciones del navegador
  3. Pegar el siguiente código en la barra de direcciones
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; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);
  1. Pulsa ENTER y diviértete

Enlace de la fuente original: Retrogismo

Código JavaScript formateado

var R=0; 

var x1=0.10, y1=0.05; 
var x2=0.25, y2=0.24; 
var x3=1.60, y3=0.24; 

var x4=300, y4=200; 
var x5=300, y5=200; 

var DI  = document.images; 
var DIL = DI.length; 

function A()
{
  for (var 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++;
}
setInterval('A()', 5); 
void(0);
Compartir



Añade tu comentario:

(El correo no será publicado)
 

Artículos relacionados:

  • Creación de pruebas para alumnos…

    Aplicación web para realizar pruebas o cuestionarios de preguntas a alumnos usando Internet. El profesor corrige las prueba y obtiene las puntuaciones.

  • Introducir una hora mediante un widget Javascript…

    Introduce la hora y los minutos en un campo de texto visualmente usando el ratón gracias a un widget JavaScript. Hay versiones para JQuery o Prototype

  • Cálculo del IBAN a partir del CCC…

    Código fuente para la conversión automática del CCC en IBAN; cálculo del código de control del CCC y del IBAN. Disponible en JavaScript, PHP, Python y VB

  • Piedra, papel, tijera, lagarto, Spock…

    El popular juego de piedra, papel o tijera con 2 elementos más: un lagarto y Spock de la serie Star Trek. Juego para dos oponentes en formato SVG+CSS+JavaScript

  • Animación de la función seno…

    Animación en Flash y en HTML5 del gráfico de la función trigonométrica del seno. El eje X es el ángulo de 0 a 360º y el eje Y es el seno según el radio

  • Acabar con el «Hotlinking»…

    Cómo evitar que otras web utilicen enlaces directos a imágenes de tu propia web. Se describe este problema y cómo solucionarlo en Apache con módulo Rewrite.

Ir arriba