Foros del Web » Programando para Internet » Javascript »

Efecto "sorprendente"

Estas en el tema de Efecto "sorprendente" en el foro de Javascript en Foros del Web. Hola gente. Tanto tiempo Me convidaron un efecto sorprendente y quise compartirlo con ustedes. Espero que alguno le pueda sacar provecho. Escriban esto en la ...
  #1 (permalink)  
Antiguo 19/10/2006, 09:31
Avatar de DanielRey
Usuario no validado
 
Fecha de Ingreso: enero-2001
Ubicación: Mendoza
Mensajes: 630
Antigüedad: 23 años, 3 meses
Puntos: 1
Efecto "sorprendente"

Hola gente. Tanto tiempo

Me convidaron un efecto sorprendente y quise compartirlo con ustedes.

Espero que alguno le pueda sacar provecho.

Escriban esto en la barra de direcciones de IE: (copiar y pegar)

Cita:
javascript:R=0; x1=.01; y1=.005; 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++}setInterv al('A()',5 ); void(0)
(No es malicioso, no es virus)

Ojo con el espacio entre setInterv...al('A()',5 ); porque da error, no debe haber espacio entre la v y la a, pero por alguna razón el editor del foro lo separa.

No lo hagan en una página vacía, sino sobre una existente que tenga imágenes. Pueden hacerlo aquí, en el foro.

Después me cuentan

Adios

Última edición por DanielRey; 19/10/2006 a las 09:39
  #2 (permalink)  
Antiguo 19/10/2006, 10:36
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 22 años, 4 meses
Puntos: 61
Jeje! Es muy bueno! Inutil... pero genial.
__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
  #3 (permalink)  
Antiguo 19/10/2006, 15:27
Avatar de ZiTAL  
Fecha de Ingreso: marzo-2004
Ubicación: Bermio (Bizkaia)
Mensajes: 1.545
Antigüedad: 20 años, 2 meses
Puntos: 62
ke bueno, es curioso, se podria hacer para otras imagenes, mañana mismo lo pruebo!!!!
__________________
http://zital.no-ip.org
____________________

Euskerie ahuen eta bijotzan
  #4 (permalink)  
Antiguo 19/10/2006, 15:48
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 20 años, 10 meses
Puntos: 21
y eso como lo puedo aplicar sin necesidad de copiar y pegar en direccion del navegador si no como una funcion

saludos
__________________
gerardo
  #5 (permalink)  
Antiguo 19/10/2006, 16:08
Avatar de Cap.Buscapina  
Fecha de Ingreso: octubre-2004
Ubicación: Argentina
Mensajes: 836
Antigüedad: 19 años, 7 meses
Puntos: 4
lo curioso que tambien funciona en Opera.
__________________
by Capitán Buscapina
.
  #6 (permalink)  
Antiguo 19/10/2006, 16:19
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 1 mes
Puntos: 1284
Cita:
Iniciado por Cap.Buscapina Ver Mensaje
lo curioso que tambien funciona en Opera.

Lo que más me extraña es que lo he probado en firefox y también funciona (pensaba que tendría que añadir algún "px"...

Hey DanielRey: sí que es cierto que andabas un pelín perdido...

La verdad es que viendo por encima el código (el seno en una coordenada y el coseno en otra, pensé que el tema iría por ahí... ¡Interesante...!

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 20/10/2006, 00:35
Avatar de ZiTAL  
Fecha de Ingreso: marzo-2004
Ubicación: Bermio (Bizkaia)
Mensajes: 1.545
Antigüedad: 20 años, 2 meses
Puntos: 62
Cita:
Iniciado por chalchis Ver Mensaje
y eso como lo puedo aplicar sin necesidad de copiar y pegar en direccion del navegador si no como una funcion

saludos
Pues lo metes todo en una funcion sin mas, por cada ; pulsa enter para que cada comando te lo haga en una linea, asi lo veras mas claro.
__________________
http://zital.no-ip.org
____________________

Euskerie ahuen eta bijotzan
  #8 (permalink)  
Antiguo 20/10/2006, 07:35
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Les dejo un par de links a otros ejemplos relacionados:
http://en.wikipedia.org/wiki/Bookmarklets#Examples
http://www.bookmarklets.com/tools/categor.html
  #9 (permalink)  
Antiguo 20/10/2006, 08:50
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 20 años, 10 meses
Puntos: 21
ok gracias por responder

saludos
__________________
gerardo
  #10 (permalink)  
Antiguo 20/10/2006, 08:53
 
Fecha de Ingreso: mayo-2003
Mensajes: 866
Antigüedad: 21 años
Puntos: 0
me ha encantado el efecto al probarlo en esta pagina
  #11 (permalink)  
Antiguo 28/10/2006, 20:19
 
Fecha de Ingreso: mayo-2003
Mensajes: 866
Antigüedad: 21 años
Puntos: 0
funciona bien en firefox pero no en explorer

He probado a ponerlo en una funcion pero funciona bien en firefox pero no en explorer, el error que marca es:

DIL no esta definido
Código:
<script language="javascript">
function volarimagenes(){
R=0; x1=.01; y1=.005; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200;
DI=document.images; 
DIL=DI.length; 
//alert();
 }
 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) 
 </script>

</head>
<BODY onload="volarimagenes();">
  #12 (permalink)  
Antiguo 29/10/2006, 08:15
 
Fecha de Ingreso: mayo-2003
Mensajes: 866
Antigüedad: 21 años
Puntos: 0
me contesto yo, jeje

Asi funciona tanto bien en firefox y en explorer

<script language="javascript">
function volarimagenes(){
R=0; x1=.01; y1=.005; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200;
DI=document.images;
DIL=DI.length;
setInterval('A();',5 );
void(0)
//alert();
}
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++
}

</script>

</head>
<BODY onload="volarimagenes();">

Ahora se me ocurre algo que no se como hacer, ¿podrian estar ls imagenes moviendose solo un tiempo y luego pararse en su ubicacion original?
  #13 (permalink)  
Antiguo 29/10/2006, 08:19
Avatar de Aylaroble  
Fecha de Ingreso: octubre-2006
Ubicación: Madrid
Mensajes: 24
Antigüedad: 17 años, 7 meses
Puntos: 0
Cita:
Iniciado por DanielRey Ver Mensaje
.... Ojo con el espacio entre setInterv...al('A()',5 ); porque da error, no debe haber espacio entre la v y la a .....

Está GENIAAAAAAAAL !!!!


Gracias !!!

Ayla.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 00:54.