Voy a intentar explicar el problema con todo lo que tengo para poder dar información detalla.
En primer lugar tengo una película en flash en modo transparente y con una opción de modo de mezcla en algunas zonas de forma que los colores de determinados clips de la pelicula interpolan con el fondo de la pantalla.
Hasta aquí no hay problema.
La cosa está en que la pelicula en si entra con un fondo negro y posteriormente llamo desde flash a javascript para que cambie el estilo de la página poniendo de fondo la imagen que yo quiero.
la función que uso en javascript y que llamo desde flash es esta(acompañado de los estilos en css.
Código PHP:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>peli</title>
<style type="text/css">
img.preload { display: none; }
.estilo {
background-image:
url('');
background-repeat:
no-repeat;
background-position:
center;
background-color:#ffffff;
}
.estilo1 {
background-image:
url('fondomartes.jpg');
background-repeat:
no-repeat;
background-position:
center;
background-color:#ffffff;
}
</style>
</head>
<body id="myid" class="estilo">
<img src="fondomartes.jpg" name="hhh" alt="Image Caption 1" class="preload" />
<script type="text/javascript">
function background()
{
if(document.images[0].complete==true)
{
x=document.getElementsByTagName('body')[0];
x.className = 'estilo1';
}
}
function backgroundCargado()
{
return(document.images[0].complete);
}
</script>
La cosa está en que me gustaría hacer que cuando cambio el fondo aparezca poco a poco, por ejemplo a pasos de 10% de opacidad empezando desde 0.
No sé si me estoy explicando muy bien, pero es que de javascripot no entiendo mucho.
Dejo el link ejemplo(obviamente a la segunda carga de la url y si no se borra la cache del navegador detecta enseguida la imagen como cargada) y los archivos del ejemplo.
http://www.3wservicios.com/zinc/html.html
http://www.3wservicios.com/zinc/cambiafondo.rar
Lo mismo no hacía falta tanta explicación pero por si acaso...
Salu2 ;)
