Foros del Web » Creando para Internet » Diseño web »

¿Como rotar imagenes (girando como las agujas de reloj)?

Estas en el tema de ¿Como rotar imagenes (girando como las agujas de reloj)? en el foro de Diseño web en Foros del Web. Muy buenas Tengo una duda y no he encontrado nada buscando por ahí. Quiero hacer una web y que haya una imagen central y varias ...
  #1 (permalink)  
Antiguo 04/06/2007, 04:50
 
Fecha de Ingreso: junio-2007
Mensajes: 5
Antigüedad: 17 años, 5 meses
Puntos: 0
¿Como rotar imagenes (girando como las agujas de reloj)?

Muy buenas

Tengo una duda y no he encontrado nada buscando por ahí.

Quiero hacer una web y que haya una imagen central y varias rotando alrededor suyo, en sentido de las agujas del reloj describiendo una circunferencia, óvalo o un cuadrado.

He probado creando capas e insertando imágenes dentro y agregándoles una línea de tiempo, pero no puedo hacer líneas uniformes, es decir, no puedo hacer un cuadrado, ya que lo redondea y hacer una circunferencia es casi imposible, ya que tendría que poner muchos cuadros clave en la línea e ir definiendo la posición de la capa en cada uno de ellos.

¿Alguien sabe si es posible hacer esto de alguna forma?

Última edición por mayestic; 04/06/2007 a las 14:49
  #2 (permalink)  
Antiguo 04/06/2007, 06:41
 
Fecha de Ingreso: mayo-2007
Mensajes: 80
Antigüedad: 17 años, 6 meses
Puntos: 0
Re: ¿Como rotar imagenes (agujas de reloj)?

Si lo que quieres hacer es un reloj, hazlo con flash, o bajate uno ya hecho.
  #3 (permalink)  
Antiguo 04/06/2007, 10:12
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Re: ¿Como rotar imagenes (agujas de reloj)?

Hola mayestic, bienvenido a los foros :

Te propongo que busques en las FAQs javascript, que aunque no recuerdo que haya una respuesta que responda concretamente a tu pregunta, un buen compañero y amigo puso un reloj analógico donde se puede ver la forma de obtener las coordenadas de las manecillas...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 04/06/2007, 14:49
 
Fecha de Ingreso: junio-2007
Mensajes: 5
Antigüedad: 17 años, 5 meses
Puntos: 0
Re: ¿Como rotar imagenes (agujas de reloj)?

No no, no quiero hacer nada de un reloj.

Lo que quiero hacer es: varias imágenes, rodeando una central y que se vayan desplazando alrededor de esta, en sentido de las agujas del reloj.

Me da igual si es movimiento ovalada, redondo o cuadrado, el caso es que las imágenes describan un movimiento dando vueltas a las central.

No sé si sería muy complicado, pero a ver si alguién me puede ayudar.
  #5 (permalink)  
Antiguo 04/06/2007, 21:36
Avatar de hectorejch  
Fecha de Ingreso: junio-2005
Ubicación: Argentina
Mensajes: 172
Antigüedad: 19 años, 5 meses
Puntos: 2
Re: ¿Como rotar imagenes (girando como las agujas de reloj)?

Sinceramente yo no tengo mucha experiencia con Javascript, pero tendrías que ver con ese lenguaje para poder hacer eso lo que buscas de las imagenes, porque creo que sería imposible de alguna otra manera.
La otra sería que la parte de los enlaces a las imagenes las hagas de forma dinámica y con un script en php suponete por decir algo, y pongas que el sitio se refresque cada cierto tiempo, y cada vez que se refresca la página carga las imagenes en la siguiente posición. En ese caso tendrías que hacer la maquetación, y las imagenes, si no queres que se te mueva mucho preferiblemente que sean del mismo tamaño todas.

Espero haber ayudado algo
__________________
"El Reino de Dios no consiste en palabras, sino en poder"
  #6 (permalink)  
Antiguo 04/06/2007, 21:50
Avatar de RobiBaggio
Colaborador
 
Fecha de Ingreso: enero-2005
Ubicación: Mind
Mensajes: 13.554
Antigüedad: 19 años, 10 meses
Puntos: 150
Re: ¿Como rotar imagenes (girando como las agujas de reloj)?

Pero habla de línea de tiempo y de fotogramas clave... No se refiere a Flash??? Bueno, que el interesado diga en qué lo quiere hacer...
  #7 (permalink)  
Antiguo 04/06/2007, 21:50
Avatar de Markcoz  
Fecha de Ingreso: noviembre-2006
Mensajes: 158
Antigüedad: 18 años
Puntos: 2
Re: ¿Como rotar imagenes (girando como las agujas de reloj)?

para ese tipo de animaciones yo t sugiero el flash
  #8 (permalink)  
Antiguo 10/06/2007, 15:15
 
Fecha de Ingreso: junio-2007
Mensajes: 5
Antigüedad: 17 años, 5 meses
Puntos: 0
Re: ¿Como rotar imagenes (girando como las agujas de reloj)?

Pues hasta ahora no me había planteado la posibilidad de hacerlas en flash, puesto que no tengo conocimientos de flash. ¿Sería muy complicado?

Hasta ahora lo he hecho agregando capas e ir definiendo su posición en la línea de tiempo en cada cuadro clave, así va desplazándose la capa y describiendo el movimiento.
  #9 (permalink)  
Antiguo 10/06/2007, 15:41
Avatar de RobiBaggio
Colaborador
 
Fecha de Ingreso: enero-2005
Ubicación: Mind
Mensajes: 13.554
Antigüedad: 19 años, 10 meses
Puntos: 150
Re: ¿Como rotar imagenes (girando como las agujas de reloj)?

Antes de otra cosa... Qué programa estas usando ?!?!?!?!?!
  #10 (permalink)  
Antiguo 12/06/2007, 14:15
 
Fecha de Ingreso: junio-2007
Mensajes: 5
Antigüedad: 17 años, 5 meses
Puntos: 0
Re: ¿Como rotar imagenes (girando como las agujas de reloj)?

Dreamweaver 8

He creado las capas, y le he agregado una línea de tiempo, y ahora le he agregado comportamientos a la capa, onMouseOver "Detener línea de tiempo" onMouseOver "intercambiar imagen" (para una cosilla que quería hacer), y luego onMouseOut "restaurar imagen" y onMouseOut "reproducir línea de tiempo", lo que al poner el ratón, si fallo y no le doy a la capa, la reproducción se acelera y es imposible darle.

A parte de con los fotogramas, cómo puedo evitar esto? La reproducción empieza a velocidad normal 10 o 15 fps.
  #11 (permalink)  
Antiguo 13/06/2007, 16:04
 
Fecha de Ingreso: junio-2007
Mensajes: 5
Antigüedad: 17 años, 5 meses
Puntos: 0
Re: ¿Como rotar imagenes (girando como las agujas de reloj)?

Cita:
Iniciado por mayestic Ver Mensaje
Dreamweaver 8

He creado las capas, y le he agregado una línea de tiempo, y ahora le he agregado comportamientos a la capa, onMouseOver "Detener línea de tiempo" onMouseOver "intercambiar imagen" (para una cosilla que quería hacer), y luego onMouseOut "restaurar imagen" y onMouseOut "reproducir línea de tiempo", lo que al poner el ratón, si fallo y no le doy a la capa, la reproducción se acelera y es imposible darle.

A parte de con los fotogramas, cómo puedo evitar esto? La reproducción empieza a velocidad normal 10 o 15 fps.
Como podría hacer el efecto este de onMouseOver (al pasara ratón por encima) o al clicar o lo que sea, que me muestre una imagen que yo le diga, en Flash?Que sentencia se tendría que utilizar?
  #12 (permalink)  
Antiguo 13/06/2007, 16:11
Avatar de RobiBaggio
Colaborador
 
Fecha de Ingreso: enero-2005
Ubicación: Mind
Mensajes: 13.554
Antigüedad: 19 años, 10 meses
Puntos: 150
Re: ¿Como rotar imagenes (girando como las agujas de reloj)?

En Flash con:

Pasar por encima.
on (rollOver)

Soltar
on (release)

Solo presionar
on (press)

Arrastrar encima
on (dragOver)
  #13 (permalink)  
Antiguo 26/10/2010, 04:30
luy
 
Fecha de Ingreso: octubre-2010
Mensajes: 10
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: ¿Como rotar imagenes (girando como las agujas de reloj)?

Hola a todos! mayestic, yo tengo la misma duda que tu! pretendo hacer exactamente eso. Pero el Dreamweaver apenas lo controlo y el Flash menos todavia...
Ni siquiera se como ubicar las imagenes para que rodeen a la central y hacerlas girar menos todavia, conseguiste hacerlo?? Os agradeceria mucho que me ayudarais en este tema.
Gracias.
Saludos!
  #14 (permalink)  
Antiguo 26/10/2010, 08:55
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Respuesta: ¿Como rotar imagenes (girando como las agujas de reloj)?

Hola luy

Te recuerdo el aviso que había al final de este tema y que parece que no has leído o no le has hecho ni caso.



Tema cerrado.
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.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 22:45.