ayuda con 2 imagenes

yuray · #1 (**permalink**) 22/04/2009, 09:52

[Bhola
que tal

tengo una duda que me trae echapelotas

tengo una imagen swf . y dura aproximadamente 5 segundos.

lo que quiero hacer es en una pagina html dejar correr la imagen swf
cuando pasen los 5 segundos cerrarla y abrit en su lugar una imagen
de tipo gif

me pueden ayudar porfavor

gracias [/B]

Panino5001 · #2 (**permalink**) 22/04/2009, 09:58

Fijate si te sirve:
http://www.forosdelweb.com/f13/pasar...imagen-364856/

alor86 · #3 (**permalink**) 22/04/2009, 11:05

lo que puedes hacer es usar la funcion setTimeout(cambiaimgen,5000) . donde cambiaimagen es una funcion que se invocara despues de que pasen los 5 segundos y en la funcion cambiaimagen lo que debes hacer es cambiar el contenido del div o el contenedor de la imagen por ejemplo document.getElementById('imagen').innerHTML='<img src="imagen2.gif"/>';

lobo_php · #4 (**permalink**) 22/04/2009, 12:22

y solo con eso se quita el flash y se pone la imagen?

alor86 · #5 (**permalink**) 22/04/2009, 12:45

cuando la pagina cargue llama a la funcion setTimeout la cual recibe 2 parametros el primero es el nombre de la funcion que se invocara cuando pase los 5 segundos que son los de el segundo parametro expresados en milisegundos lo que hace esta funcion es cambiar el contenido del div con el id="imagen" y se agrega un nuevo contenido el cual es el codigo para mostrar la segunda imagen. espero y te sirva
<html>

<head>
<script type="text/javaScript">
function cambiaimagen(){
document.getElementById('imagen').innerHTML='<img src="imagen2.gif"/>';
}
</script>
</head>

<body onload="setTimeout(cambiaimgen,5000);">
<div id="imagen">
aqui esta el codigo de la imagen original
</div>
</body>
</html>

alor86 · #6 (**permalink**) 22/04/2009, 12:47

cuando la pagina cargue llama a la funcion setTimeout la cual recibe 2 parametros el primero es el nombre de la funcion que se invocara cuando pase los 5 segundos que son los de el segundo parametro expresados en milisegundos lo que hace esta funcion es cambiar el contenido del div con el id="imagen" y se agrega un nuevo contenido el cual es el codigo para mostrar la segunda imagen. espero y te sirva
<html>

<head>
<script type="text/javaScript">
function cambiaimagen(){
document.getElementById('imagen').innerHTML='<img src="imagen2.gif"/>';
}
</script>
</head>

<body onload="setTimeout(cambiaimgen,5000);">
<div id="imagen">
aqui esta el codigo de la imagen original
</div>
</body>
</html>

yuray · #7 (**permalink**) 23/04/2009, 16:37

hola

gracias por contestarme pero al parecer algo estoy haciendo mal
te dejo el codigo del settime para ver si me pueden orientar donde me estoy equivocando

<html>

<head>
<title>moto</title>

<script type="text/javaScript">
function cambiaimagen(){
document.getElementById('imagen').innerHTML='<img src="imagenes/logojasa.png" />';
}
</script>

</head>
<body bgcolor="#000000" onload=""setTimeout(cambiaimgen,5000);">

<div id="imagen" style="position:absolute; width:269px; height:99px; z-index:21; left: 229px; top: 91px; overflow: visible; background-color: #000000; layer-background-color: #000000;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="h t t p: // download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="334" height="98" title="jasa" >
<param name="movie" value="imagenes/ix.swf" />
<param name="quality" value="high" />
<param name="SCALE" value="exactfit" /><param name="BGCOLOR" value="#000000" />
<param name="wmode" value="close" /><param name="LOOP" value="false" />
<embed src="imagenes/ix.swf" width="334" height="98" loop="false" border="0" quality="high" pluginspage="h t t p : // w w w .macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#000000" wmode="close" ></embed>
</object>
</div>

</body>
</html>

gracias ... voy acalar tambien la otra manera de hacerlo

saludos

alor86 · #8 (**permalink**) 23/04/2009, 22:23

<html>

<head>
<title>moto</title>

<script type="text/javaScript">
function cambiaimagen(){

alert('');
document.getElementById('imagen').innerHTML='<img src="imagenes/logojasa.png" />';
}
</script>

</head>
<body bgcolor="#000000" onload="setTimeout(cambiaimagen,5000);">

<div id="imagen" style="position:absolute; width:269px; height:99px; z-index:21; left: 229px; top: 91px; overflow: visible; background-color: #000000; layer-background-color: #000000;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="h t t p://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="334" height="98" title="jasa" >
<param name="movie" value="imagenes/ix.swf" />
<param name="quality" value="high" />
<param name="SCALE" value="exactfit" /><param name="BGCOLOR" value="#000000" />
<param name="wmode" value="close" /><param name="LOOP" value="false" />
<embed src="imagenes/ix.swf" width="334" height="98" loop="false" border="0" quality="high" pluginspage="h t t p : // w w w .macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#000000" wmode="close" ></embed>
</object>
</div>

</body>
</html>

vuleve a probar el codigo. es que tenias un error en esta linea con las comillas onload=""setTimeout(cambiaimgen,5000);"> te rrecomiendo que uses firefox por que su consola de error te dice exactemente donde esta el error

yuray · #9 (**permalink**) 06/05/2009, 12:57

excelente respuesta muchas gracias