como se hace un fondo dinamico

quiero_aprender · #1 (**permalink**) 23/02/2011, 09:02

hola todos he viso en varios sitios que el fondo de la pagina web no es solo un imagen sino que es un conjunto de varias y se va pasando una a una con un efecto de desvanecimiento, quisiera aprender hacer esto existe algún tuto o para desarrollar este fin. gracias a todos

jomaruro · #2 (**permalink**) 23/02/2011, 15:37

Hola:

Pues o bien la página está hecha con flash o utiliza algún slider realizado con la librería jQuery de javascript.

Saludos.

tresj · #3 (**permalink**) 24/02/2011, 03:43

Si pones la URL de la página en que lo viste se puede mirar cómo lo han hecho.
saludos

quiero_aprender · #4 (**permalink**) 25/02/2011, 12:32

uno de lo sitios que vi fue de unos de los compañeros de este foro:

http://www.bodegasibarguen.com/prueba1.html

Gracias por sus aportes.

Lopezito · #5 (**permalink**) 25/02/2011, 13:25

No esta echo con css, pregunta en el foro de javascript, ya que esta echo con jquery.
Adios.

quiero_aprender · #6 (**permalink**) 25/02/2011, 13:54

Si es así, solicito entonces la ayuda de un moderador para que pase por favor mi pregunta a javascript. Gracias.

quiero_aprender · #7 (**permalink**) 01/03/2011, 07:02

algún moderador por favor que traslade mi tema a javascript. Gracias.

quiero_aprender · #8 (**permalink**) 17/03/2011, 13:54

hola amigos vi de nuevo ese efecto como se logra??? http://www.megumi.it/index.htm , si lo notan la imagen de fondo va cambiando una a una con un desvanecido.
agradesco sus aporte

javiandgo · #9 (**permalink**) 17/03/2011, 15:08

no es CSS deberias postear en javascript

Naahuel · #10 (**permalink**) 17/03/2011, 15:20

Bueno hasta que lo muevan a Javascript, te muestro ejemplos.

Lo más "fácil" de hacer es usar el script que dejé en este hilo:

http://www.forosdelweb.com/f13/hacer-que-background-cambie-imagen-cada-cierto-tiempo-894861/

Es más fácil pues no requiere de CSS ni maquetado HTML extra. Simplemente rota las imagenes de fondo de un elemento dado.

Si querés hacerlo con el efecto de desvanecimiento, necesitás luchar un poco más con el CSS y el HTML, posicionamientos absolutos, elementos extra, etc. Para esta opción necesitás recurrir a un script un poco más complejo, bgStretcher es bonito aunque no lo he utilizado:

http://www.ajaxblender.com/bgstretcher-jquery-stretch-background-plugin.html

En el sitio se explica bien como implementarlo. Saludos!

quiero_aprender · #11 (**permalink**) 22/03/2011, 05:46

wow gracias por tu valiosa respuesta. esto era lo que buscaba.