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

Imagen de fondo dinámica

Estas en el tema de Imagen de fondo dinámica en el foro de Diseño web en Foros del Web. Hola!, y gracias de antemano. Me gustaría colocar de fondo para mi web una imágen dinámica que cambiara con transiciones suaves como está en ésta ...
  #1 (permalink)  
Antiguo 19/01/2011, 02:58
 
Fecha de Ingreso: diciembre-2007
Mensajes: 18
Antigüedad: 10 años
Puntos: 0
Sonrisa Imagen de fondo dinámica

Hola!, y gracias de antemano.

Me gustaría colocar de fondo para mi web una imágen dinámica que cambiara con transiciones suaves como está en ésta web

http://www.telefonica.com/es/home/jsp/home.jsp

¿podríais indicarme algun tutorial o procedimiento?.

La web donde quiero implementarla no tiene conexión a BD.

De nuevo gracias por vuestro tiempo y conocimiento.
  #2 (permalink)  
Antiguo 19/01/2011, 04:41
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Tema trasladado desde diseño gráfico
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #3 (permalink)  
Antiguo 19/01/2011, 06:32
Avatar de valentina4you
Colaborador
 
Fecha de Ingreso: agosto-2010
Ubicación: Montevideo
Mensajes: 1.623
Antigüedad: 7 años, 4 meses
Puntos: 285
Respuesta: Imagen de fondo dinámica

Tienes varias opciones:

- Flash
- PHP
- JAvia

Flash: Sin duda es mucho más sencillo de hacer que los otros dos si no tienes conocimientos pero tiene sus contras. En primer lugar el usuario debe tener flash player y puede que sea algo pesado un flash con imágenes tan grandes. En segundo lugar el flash no se indexará, es decir, no SEO.

PHP Puedes realizarlo en código PHP, honestamente no se mucho al respecto así que no puedo darte demasiada información.

Java Puedes utilizar Java con jquery para realizar este tipo de animación, pero también deberás saber programar este tipo de lenguaje. Sin duda que para esto que quieres tu es la mejor opción, y es lo que ha utilizado tu muestra.
__________________
Diseño Gráfico Profesional
www.valenn.com | Sigueme @valenncom | facebook/valenncom
  #4 (permalink)  
Antiguo 19/01/2011, 09:41
 
Fecha de Ingreso: enero-2011
Mensajes: 2
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: Imagen de fondo dinámica

mi a ver si es esto lo que buscas, no se si realmente te sirve.

Cambia aleatoriamente el color del fondo de la web,
introducir el codigo entre <body> y </body>
--------------------------


<script language="JavaScript" type="text/javascript">
<!--
//aqui modificas el color del efecto
r=255;
g=255;
b=255;
flag=0;
t=new Array;
o=new Array;
d=new Array;

function hex(a,c)
{
t[a]=Math.floor(c/16)
o[a]=c%16
switch (t[a])
{
case 10:
t[a]='A';
break;
case 11:
t[a]='B';
break;
case 12:
t[a]='C';
break;
case 13:
t[a]='D';
break;
case 14:
t[a]='E';
break;
case 15:
t[a]='F';
break;
default:
break;
}
switch (o[a])
{
case 10:
o[a]='A';
break;
case 11:
o[a]='B';
break;
case 12:
o[a]='C';
break;
case 13:
o[a]='D';
break;
case 14:
o[a]='E';
break;
case 15:
o[a]='F';
break;
default:
break;
}
}

function ran(a,c)
{
if ((Math.random()>2/3||c==0)&&c<255)
{
c++
d[a]=2;
}
else
{
if ((Math.random()<=1/2||c==255)&&c>0)
{
c--
d[a]=1;
}
else d[a]=0;
}
return c
}
function do_it(a,c)
{
if ((d[a]==2&&c<255)||c==0)
{
c++
d[a]=2
}
else
if ((d[a]==1&&c>0)||c==255)
{
c--;
d[a]=1;
}
if (a==3)
{
if (d[1]==0&&d[2]==0&&d[3]==0)
flag=1
}
return c
}
function disco()
{
if (flag==0)
{
r=ran(1, r);
g=ran(2, g);
b=ran(3, b);
hex(1,r)
hex(2,g)
hex(3,b)
document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag=50
}
else
{
r=do_it(1, r)
g=do_it(2,g)
b=do_it(3,b)
hex(1,r)
hex(2,g)
hex(3,b)
document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag--
}
if (document.all)
setTimeout('disco()',50)
}
//-->
</script>
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 15:09.