Foros del Web » Programando para Internet » Javascript »

como hacer este efecto de rotacion de imagenes

Estas en el tema de como hacer este efecto de rotacion de imagenes en el foro de Javascript en Foros del Web. hola, estoy haciendo una pagina web para apoyar y dar a conocer las bandas de rock de mi país (Venezuela). [URL="http://www.movidarockvzla.nixiweb.com/"]http://www.movidarockvzla.nixiweb.com/[/URL] lo que necesito es ...
  #1 (permalink)  
Antiguo 15/02/2012, 22:29
 
Fecha de Ingreso: febrero-2012
Mensajes: 27
Antigüedad: 12 años, 2 meses
Puntos: 0
como hacer este efecto de rotacion de imagenes

hola, estoy haciendo una pagina web para apoyar y dar a conocer las bandas de rock de mi país (Venezuela). [URL="http://www.movidarockvzla.nixiweb.com/"]http://www.movidarockvzla.nixiweb.com/[/URL]

lo que necesito es saber como hacer el efecto que tiene el fondo de la pagina de[URL="www.slipknot1.com"] Slipknot[/URL] como seria el código .js para colocarlo en el header. yo le tengo un gif. pero pesa mucho. y estoy analizando el código de la pagina de Slipknot pero de verdad no doy. :C por favor ayúdeme! si pueden y quieren analizen el código de la pagina de slipknot y me explican, o lo mejor seria que me den un ejemplo del script. de ante mano muchas gracias!
  #2 (permalink)  
Antiguo 16/02/2012, 14:09
Avatar de Raziel_Ravenheart  
Fecha de Ingreso: agosto-2011
Ubicación: Ibagué, Tolima
Mensajes: 192
Antigüedad: 12 años, 8 meses
Puntos: 37
Respuesta: como hacer este efecto de rotacion de imagenes

Pues explicar el código ahora no tengo tiempo, pero puedo indicarte más o menos como lo hacen.

Utilizan un plugin de slider para jQuery, este slider detecta las fotos ya que estas se pueden cargar dinámicamente con javascript o directamente en el html, pero yo creo que es el primer caso.

Luego con el mismo plugin, ponen el atributo opacity de CSS, en todas las imagenes, igual a cero (0). Si eres experto en CSS y javascript simple, no hay necesidad de utilizar jQuery, pero debes tener en cuenta que el atributo opacity, no es estandard y tanto google chrome como firefox, y otros los manejan de un modo, e internet explorer de otro. (De esto ultimo no estoy seguro, pero yo lo he manejado ultimamente con diferente sintaxis para cada navegador)

Luego con la primera imagen y por medio de jQuery, modifican el atributo "opacity" de la primera imagen, para que quede al 100%

Luego empiezan "animando" el atributo opacity de la primera imagen, en disminución hasta cero, y luego la de la segunda imagen, la van incrementando.

En el de slipknot es lo mismo, si no que un poco más rápido, y no esperan a que se termine de desvanecer una imagen cuando ya están haciendo aparecer la otra

Exitos y que te rinda... ojalá alguien más pueda colaborarte con código o algo ya que estoy ocupado!!!!
  #3 (permalink)  
Antiguo 16/02/2012, 16:45
 
Fecha de Ingreso: febrero-2012
Mensajes: 27
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: como hacer este efecto de rotacion de imagenes

ok. gracias amigo!

Etiquetas: imagenes
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




La zona horaria es GMT -6. Ahora son las 21:30.