Foros del Web » Creando para Internet » HTML »

Animación de imágenes con HTML, sin flash

Estas en el tema de Animación de imágenes con HTML, sin flash en el foro de HTML en Foros del Web. Hola! últimamente veo muchas webs que tienen en la Home una animación, con imágenes que van cambiando con degradados suaves. Por supuesto, no hablo de ...
  #1 (permalink)  
Antiguo 05/04/2011, 08:18
Avatar de indie81  
Fecha de Ingreso: octubre-2004
Ubicación: Zaragoza
Mensajes: 295
Antigüedad: 19 años, 6 meses
Puntos: 10
Animación de imágenes con HTML, sin flash

Hola!

últimamente veo muchas webs que tienen en la Home una animación, con imágenes que van cambiando con degradados suaves. Por supuesto, no hablo de gifs animados. Hablo de, por ejemplo, el banner central grande de esta web:

http://www.diverola.com

Yo hacía este tipo de cosas con flash, pero si se puede hacer con HTML me gustaría aprender, supongo que hará falta Javascript también.

¿alguien conoce algún método? ¿o sabe de algún tutorial que lo explique?

gracias!
__________________
La posada del Pixel | Wanapix
  #2 (permalink)  
Antiguo 05/04/2011, 08:50
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: Animación de imágenes con HTML, sin flash

Bueno muchos de esos efectos pueden lograrse con jQuery. Hay cientos de plugins gratuitos que podés usar libremente con efectos realmente lindos. En el caso de ese sitio, usa script.aculo.us (http://script.aculo.us/) que también me gusta mucho aunque no lo conozco.

En este artículo podés ver algunos ejemplos:
http://graphicalerts.com/20-best-jquery-slideshow-image-photo-gallery-plugins/
__________________
nahueljose.com.ar
  #3 (permalink)  
Antiguo 05/04/2011, 09:35
Avatar de indie81  
Fecha de Ingreso: octubre-2004
Ubicación: Zaragoza
Mensajes: 295
Antigüedad: 19 años, 6 meses
Puntos: 10
Respuesta: Animación de imágenes con HTML, sin flash

Gracias por responder!

No sé jQuery, aunque he leído que es una librería de javascript para facilitar ciertas acciones, como animaciones, no?

Voy a ver los ejemplos que me comentas, y a ver si encuentro algún tutorial para una transición de imágenes sencillita...

salu2!
__________________
La posada del Pixel | Wanapix
  #4 (permalink)  
Antiguo 05/04/2011, 09:38
Avatar de indie81  
Fecha de Ingreso: octubre-2004
Ubicación: Zaragoza
Mensajes: 295
Antigüedad: 19 años, 6 meses
Puntos: 10
Respuesta: Animación de imágenes con HTML, sin flash

¿Me puede explicar alguien la diferencia entre jQuery y plugin de jQuery? no llego a entender muy bien... ¿los plugins son aplicaciones ya hechas, usando tecnología jQuery?
__________________
La posada del Pixel | Wanapix
  #5 (permalink)  
Antiguo 05/04/2011, 11:00
 
Fecha de Ingreso: marzo-2011
Mensajes: 119
Antigüedad: 13 años, 1 mes
Puntos: 9
Respuesta: Animación de imágenes con HTML, sin flash

Hola

segun mis conocimientos jquery es es el lenguaje javascrip pero modificado para que haya compatibilidad en los browser , aun que aveces como siempre en IE no pasa pero no es frecuente y un plugin es eso solo una adaptacion para hacer algun tipo de efecto mas elaborado como un pase de fotos , un slideshow , espero no equivocarme y si alguein puede mejorarte mi explicacion , mejor asi todos aprendemos
  #6 (permalink)  
Antiguo 05/04/2011, 17:33
 
Fecha de Ingreso: marzo-2011
Mensajes: 184
Antigüedad: 13 años, 1 mes
Puntos: 11
Respuesta: Animación de imágenes con HTML, sin flash

Con javascript, hay muchos scripts en internet que pueden dar ese efecto.

Saludos!

__________________
“Un estómago vacío, es un mal consejero.” Albert Einstein

Reflexiones, humor gráfico, chistes, Deporte, Consejos y tips
  #7 (permalink)  
Antiguo 05/04/2011, 19:13
Avatar de gildus  
Fecha de Ingreso: agosto-2003
Mensajes: 1.495
Antigüedad: 20 años, 8 meses
Puntos: 105
Respuesta: Animación de imágenes con HTML, sin flash

Holas, el jquery (que es javascript) es la base para las librerias o plugins de jquery.

Saludos
Gildus
__________________
.: Gildus :.

Etiquetas: flash
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 00:06.