Ver Mensaje Individual
  #2 (permalink)  
Antiguo 16/02/2012, 14:09
Avatar de Raziel_Ravenheart
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!!!!