[javaEScript] como centrar imagen y en x tiempo desaparezca...?
Juan José Montes de Oca Arbós
juanjose.montesdeocaarbos en gmail.com
Vie Jun 15 11:16:31 PDT 2007
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<http://ar.rd.yahoo.com/mail/e1/tagline/mail/*http://correo.yahoo.com.ar/>
> > 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<http://ar.rd.yahoo.com/mail/e1/tagline/mail/*http://correo.yahoo.com.ar/>
> 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
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: http://lists.scriptia.net/pipermail/javaescript-scriptia.net/attachments/20070615/e199a0cc/attachment.html
Más información sobre la lista de distribución javaEScript