Mostrando Codigo - Dhtml
Efecto en imagen - Disolver
Bonito efecto con el que conseguimos que una imagen aparezca como si esteviera disolviendose
EXPLICACION
Debemos modificar el path hacia la imagen
transition=12,duration=8)
seria la velocidad de la transicion
CODIGO
<!-- Codigo ofrecido por Tutores.org -->
<SCRIPT FOR=window EVENT=onload LANGUAGE=Javascript>
dissolver.filters[0].Apply();
dissolver.innerHTML = "<img src=/tutores/images/mundo.gif>";
dissolver.filters[0].Play();
</script>
<div id="dissolver" style="position:relative;
width:347; height:330; top:20; left:30; filter:revealTrans (transition=12,duration=8)">
</div>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Efecto en imagen - Disolver" href="http://www.tutores.org/codigo/628/" target="_blank">Efecto en imagen - Disolver</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Efecto en imagen - Disolver" href="http://www.tutores.org/codigo/628/" target="_blank">Efecto en imagen - Disolver</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Falstelo 19-04-2007 10:01:26
Hermoso y decepcionante. Hermoso porque funciona a la perfección en Internet Explorer; decepcionante porque no lo hace en absoluto con Firefox -o al menos eso me ha pasado a mí-. ¿Podría ese problema solucionarse de alguna manera?
sircam
Así es el efecto esta bonito...pero solo en Explorer...en ningún otro navegador funciona.
INSERTAR COMENTARIO