19/01/2011, 02:58
| |||
| |||
 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. |
|
19/01/2011, 04:41
| ||||
| ||||
| 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 |
|
19/01/2011, 06:32
| ||||
| ||||
| 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 |
|
19/01/2011, 09:41
| |||
| |||
| 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> |
