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 <[EMAIL PROTECTED]> 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 <[EMAIL PROTECTED]> escribió: Me da error obj nulo
filters.alpha.
Juan José Montes de Oca Arbós < [EMAIL PROTECTED]> 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 < [EMAIL PROTECTED]> 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 < [EMAIL PROTECTED]> 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 <[EMAIL PROTECTED]> 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
[email protected]
http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net
--
Juan José Montes de Oca Arbós.
[EMAIL PROTECTED]
[EMAIL PROTECTED]
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.
[EMAIL PROTECTED]
[EMAIL PROTECTED]
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.
[EMAIL PROTECTED]
[EMAIL PROTECTED]
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
_______________________________________________
javaEScript mailing list
[email protected]
http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net
