Hacer fade in en pagina

viciovirtual · #1 (**permalink**) 24/01/2010, 12:43

Hola buen dia a todos, encontre un codigo el cual ayuda a hacer un fade in a toda la pagina o lo que esta dentro del body con javascript, pero la cosa es que solo me funciona en firefox y no en IE, aqui les dejo el codigo de la pagina a la que le aplique el codigo pero que no me funka en IE:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)">
<script type="text/javascript">
function fadeInPage(){
if (document.getElementById("fadeDiv").style.MozOpacity < 1){
document.getElementById("fadeDiv").style.MozOpacity = .1 + Math.abs(document.getElementById("fadeDiv").style.MozOpacity)
setTimeout("fadeInPage()",200);
}
else
document.getElementById('fadeDiv').style.visibility = "visible";
}
</script>
<title>Food and Wine Mexico</title></head>

<body onLoad="fadeInPage()">

<DIV ID="fadeDiv" style="-moz-opacity:0.00; width:100%">
  <div align="center">
    <p><img src="header.png" width="964" height="103" /></p>
    <p>gfgfhy</p>
  </div>
</DIV>
<body>
<div align="center"></div>
</body>
</html>

YA SEGUI LOS PASOS pero no logro hacer funcionar en IE, espero me pueda ayudar o asesorar alguien, saludos

caricatos · #2 (**permalink**) 24/01/2010, 13:14

Hola:

Infórmate sobre los filtros de explorer... y en vez de MozOpacity, puedes usar tranquilamente opacity, y serviría en el resto de navegadores.

Saludos