[javaEScript] como centrar imagen y en x tiempo desaparezca...?

Sab Jun 16 07:17:47 PDT 2007

Hola muchas gracias por tu ayuda

  pero tengo un problema no me funciona quiero q la imagen se valla degradando cada 5 seg pero desaparece no se en donde me estoy equivocando

  function ocultarObjeto (id) {
var objCentrar = document.getElementById (id);
var i=1;
  function degrade(){
    objCentrar.style.filter = 'alpha(opacity=' + i*10 + ')';      
}
  if (i<=10) {
 i++;
 setTimeout("degrade()",5000);
}
//objCentrar.style.display = "none";
}

  Codigo completo
  -------------------------

<html>
<head>
<script language="javascript" type="text/javascript"> 

      window.onload = function () {
        centrarObjeto ("imagen1");
        setTimeout ("ocultarObjeto (\"imagen1\");", 5000);
    }
    function centrarObjeto (id) {
        var objCentrar = document.getElementById (id);
        objCentrar.style.position = "absolute";
        objCentrar.style.left = (document.documentElement.clientWidth / 2) - (objCentrar.width / 2)
        objCentrar.style.top = (document.documentElement.clientHeight / 2) - (objCentrar.height / 2)
    }

function ocultarObjeto (id) {
var objCentrar = document.getElementById (id);
var i=1;
  function degrade(){
    objCentrar.style.filter = 'alpha(opacity=' + i*10 + ')';      
}
  if (i<=10) {
 i++;
 setTimeout("degrade()",5000);
}
//objCentrar.style.display = "none";
}
  </script>
</head>
<body bgcolor="#FFFFCC">
    <p>
    <img id="imagen1" src="coche1.gif" border="0" width="100" height="50" /> </p>
    </body>
</html>

  walter

Juan José Montes de Oca Arbós <juanjose.montesdeocaarbos en gmail.com> escribió:
  Walter, primero que nada, acordate de al responder, copiar a la lista (así se puede seguir el progreso de las respuestas).

Respondiendo tu pregunta...
después de buscar por internet un rato, encontré como se hace (yo lo desconocía completamente). 

Tenés que remplazar la línea

objCentrar.filters.alpha.opacity=i*10;

por esta otra:

objCentrar.style.filter = 'alpha(opacity=' + i*10 + ')'; 

y con eso anda... lo que te vuelvo a repetir, es que lo va a hacer muy rápido, y no lo vas a notar... deberías ejecutar la rutina para ocultarlo cada x intervalos de tiempo.

Saludos!!!

  El día 15/06/07, WalteR <poeta_00 en yahoo.com> escribió:   Me da error obj nulo filters.alpha.   

Juan José Montes de Oca Arbós < juanjose.montesdeocaarbos en gmail.com> escribió:   Supongo que lo hace muy rápido y por eso no ves el efecto de desaparición. Creo que deberías llamar para hacer el "fade out" con un setInterval, eso debería funcionar. 

Saludos!!!!

  El día 15/06/07, WalteR < poeta_00 en yahoo.com> escribió:     Este codigo anda perfecto!!!!
  Muchas gracias por tu ayuda me fue muy util.

  AHora intente modificar el codigo para q la imagen se valla degradando antes de desaparecer pero no me funciona. 

  no se cual es el error

   function ocultarObjeto (id) {
        var objCentrar = document.getElementById (id);

  for (i=0; i <= 100; i++) { 
       objCentrar.filters.alpha.opacity=i*10;     
    };
  objCentrar.style.display = "none";
  }

Juan José Montes de Oca Arbós < juanjose.montesdeocaarbos en gmail.com> escribió:
    Hola Walter. Tengo entendido que la librería jQuery tiene funciones para todo esto, pero no te lo puedo garantizar, porque nunca la usé. Salvo lo del "fade out", te paso un ejemplo de lo que pedis (Aparezca centrada de acuerdo a la ventana del navegador [Solo lo armé para IE!!!! deberías buscar equivalencia en FF o los browser que necesites], y que a los 15 segundos desaparezca). El código fuente: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd ">
<html>
<head>
<script language="javascript" type="text/javascript"> 
    window.onload = function () {
        centrarObjeto ("imagen1");
        setTimeout ("ocultarObjeto (\"imagen1\");", 5000); 
    }
    function centrarObjeto (id) {
        var objCentrar = document.getElementById (id);
        objCentrar.style.position = "absolute";
        objCentrar.style.left = (document.documentElement.clientWidth / 2) - (objCentrar.width / 2)
        objCentrar.style.top = (document.documentElement.clientHeight / 2) - (objCentrar.height / 2)
    }
    function ocultarObjeto (id) {
        var objCentrar = document.getElementById (id);
        objCentrar.style.display = "none"; 
    }
</script>
</head>
<body>
    <img id="imagen1" src="12 o 13.gif" border="1px" />
</body>
</html>

Saludos!!!!

  El día 15/06/07, WalteR <poeta_00 en yahoo.com> escribió:   Hola

  queria saber como hacer q aparezca una imagen en el medio de la pagina independiente del ancho y alto de ella y en 15 segundo desaparezca autmomaticamente y enlo posible con algun efecto tipo fade out la imagen se desvanezca, q no se vea. 

  Agradezco mucho por tu ayuda y por tu tiempo en leer este mensaje.

  Que tengas un buen día

  WALTER

                         Siempre Es Hoy.
www.mispoemas.8m.com (mis poemas)

---------------------------------
Preguntá. Respondé. Descubrí.
Todo lo que querías saber, y lo que ni imaginabas, 
está en Yahoo! Respuestas (Beta). 
¡Probalo ya!
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: http://lists.scriptia.net/pipermail/javaescript-scriptia.net/attachments/20070615/ddf6e5aa/attachment.htm
_______________________________________________
javaEScript mailing list
javaEScript en scriptia.net
http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net 

-- 
Juan José Montes de Oca Arbós.

juanjose.montesdeocaarbos en gmail.com 
juanjosemontesdeocaarbos en hotmail.com 
http://world5.monstersgame.es/?ac=vid&vid=58044309
http://www.montesoft.com.ar
http://www.es-facil.com/ganar/alta?Id=64395956 

---------------------------------

¿Querés asombrarte?
Conocé el nuevo Correo Yahoo! beta
que incluye muchas herramientas que harán tu vida más sencilla.   

-- 
Juan José Montes de Oca Arbós.

juanjose.montesdeocaarbos en gmail.com
juanjosemontesdeocaarbos en hotmail.com
http://world5.monstersgame.es/?ac=vid&vid=58044309 
http://www.montesoft.com.ar
http://www.es-facil.com/ganar/alta?Id=64395956 

                           Siempre Es Hoy.
www.mispoemas.8m.com (mis poemas)

---------------------------------

¿Querés asombrarte?
Conocé el nuevo Correo Yahoo! beta
que incluye muchas herramientas que harán tu vida más sencilla.   

-- 
Juan José Montes de Oca Arbós.

juanjose.montesdeocaarbos en gmail.com
juanjosemontesdeocaarbos en hotmail.com
http://world5.monstersgame.es/?ac=vid&vid=58044309 
http://www.montesoft.com.ar
http://www.es-facil.com/ganar/alta?Id=64395956 

---------------------------------
 Preguntá. Respondé. Descubrí.
 Todo lo que querías saber, y lo que ni imaginabas,
está en Yahoo! Respuestas (Beta).
 ¡Probalo ya! 
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: http://lists.scriptia.net/pipermail/javaescript-scriptia.net/attachments/20070616/736b9f2c/attachment.htm 