Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje27-08-2009, 15:16 (UTC)    
Título del mensaje: Como hacer que una imagen cambie a otra

Hola,
Me gustaría hacer que una imagen pase a ser otra en X segundos. La primera imagen (A) es como si estuviera cargando (http://img.webme.com/images/progress.gif) y la segunda imagen (B) será una que tendrá un enlace (http://img.webme.com/pic/o/ociweb-cat/descarga.gif).

¿Cómo puedo hacer que en X segundos la imagen A pase a ser la imagen B?

GRACIAS

NUEVO MENSAJE:
El que se acerca más a lo que quiero es Team-ayudamaster. Pero quiero cambiar el cuadro donde pone los segundos por la imagen. Osea que los segundos sí se cuenten pero no aparezca el cuadrito y te diga cuanto falta.
Quiero hacer eso. Y si se puede que cuando aparezca el contenido oculto desaparezca la imagen del progreso. Osea que se reemplace.
Mi idea era: (Voy a llamar A y B a las imágenes).
Que la imagen A (es una imagen que no tiene link) pase a ser la imagen B (es una imagen que sí tiene link) en X segundos.

Por favor, a ver si alguien me responde bien, lo agradeceré mucho.


Ultima edición por ociweb-cat el Vie Ago 28, 2009 2:39 pm; editado 1 vez
Mensaje27-08-2009, 15:53 (UTC)    
Título del mensaje:

eso seria un banner..... una imagen publicitaria si te interesa puedes entrar a la seccion de talleres y solicitar que te hagan uno
http://www.paginawebgratis.es/forum/viewforum.php?f=16
______________
Mensaje27-08-2009, 17:30 (UTC)    
Título del mensaje: No, no es eso

No es un banner lo que quiero. Quiero hacer que eso pase con las descargas, osea que ponga cargando (con la imagen) y luego al cabo de X segundos aparezca el botón de descarga con su enlace correspondiente.
Mensaje27-08-2009, 17:45 (UTC)    
Título del mensaje:

puedes hacerlo asi:

pega este codigo entre <head> y </head>

Código:
<script language="JavaScript">
// Browser Slide-Show script.
// With image cross fade effect for those browsers that support it.
var slideCache = new Array();
function RunSlideShow(pictureName,imageFiles,displaySecs)
{
var imageSeparator = imageFiles.indexOf(";");
var nextImage = imageFiles.substring(0,imageSeparator);
if (document.all)
{
document.getElementById(pictureName).style.filter="blendTrans(duration=2)";
document.getElementById(pictureName).filters.blendTrans.Apply();
}
document.getElementById(pictureName).src = nextImage;
if (document.all)
{
document.getElementById(pictureName).filters.blendTrans.Play();
}
var futureImages= imageFiles.substring(imageSeparator+1,imageFiles.length)
+ ';' + nextImage;
setTimeout("RunSlideShow('"+pictureName+"','"+futureImages+"',"+displaySecs+")",
displaySecs*1000);
// Cache the next image to improve performance.
imageSeparator = futureImages.indexOf(";");
nextImage = futureImages.substring(0,imageSeparator);
if (slideCache[nextImage] == null) {
slideCache[nextImage] = new Image;
slideCache[nextImage].src = nextImage;
}
}
</script>


Y donde queramos ubicar el slide ubicamos las siguientes líneas:

Código:
<img border="1" src="foto1.jpg" width="271" height="250" id="Fotos">
<script language="JavaScript">
RunSlideShow("Fotos","foto1.jpg;foto2.jpg;foto3.jpg;foto4.jpg;"
+ "foto5.jpg",5);
</script>

solo modifica donde dice foto1 foto2 foto3 foto4 foto5
saludos
Mensaje27-08-2009, 17:47 (UTC)    
Título del mensaje: Re: No, no es eso

ociweb-cat escribió:
No es un banner lo que quiero. Quiero hacer que eso pase con las descargas, osea que ponga cargando (con la imagen) y luego al cabo de X segundos aparezca el botón de descarga con su enlace correspondiente.

Hola!,
lo que podrías usar es esto:
http://www.paginawebgratis.es/forum/viewtopic.php?t=38308

En "Contenido Oculto" colocarías este code:
Código:
<a href="URL DEL ENLACE DE DESCARGA"><img border="0" src="http://img.webme.com/pic/o/ociweb-cat/descarga.gif"></a>


La barra de progress no podrás colocarla, pero lograrás el mismo efecto

Salu2!
Mensaje27-08-2009, 17:57 (UTC)    
Título del mensaje:

Hola,

Si es pocible colocar una Imagen mientras se carga, solo debes reemplazar el Texto "Espere por favor..." y colocar una Imagen de carga

Cita:
<div style="display: none;" class="verify" id="verify"><a href="URL DEL ENLACE DE DESCARGA"><img border="0" src="http://img.webme.com/pic/o/ociweb-cat/descarga.gif"></a></div>
<div style="display: block;" class="adoptim" id="askPws">
<form name="counter">
<img src="http://www.ajaxload.info/cache/FF/FF/FF/00/00/00/30-1.gif"><input type="text" size="3" name="d2" class="countdown" />
</form>
<script type="text/javascript">
<!--
//
var milisec=0
var seconds=15
var once=0
document.counter.d2.value='15'

function display(){
if ((milisec==0) && (seconds==0) && (once==0)) {
document.getElementById("verify").style.display="block";
document.getElementById("dlb").style.display="block";
document.getElementById("askPws").style.display="none";
once=1;
}
if (milisec<=0){
milisec=9
seconds-=1
}
if (seconds<=-1){
milisec=0
seconds+=1
}
else
milisec-=1
document.counter.d2.value=seconds
setTimeout("display()",100)
}
if ((milisec==0) && (seconds==0)) {
pause(1000);
display();
} else {
display();
}
-->
</script></div>


Puedes utilizar cualquier Imagen, te recomiendo este Sitio donde encontraras muchas Imagenes de Load

http://www.ajaxload.info/

Salu2!
»Team-AyudaMaster ®
Mensaje27-08-2009, 19:05 (UTC)    
Título del mensaje: Team-ayudamaster

El que se acerca más a lo que quiero es Team-ayudamaster. Pero quiero cambiar el cuadro donde pone los segundos por la imagen. Osea que los segundos sí se cuenten pero no aparezca el cuadrito y te diga cuanto falta.
Quiero hacer eso. Y si se puede que cuando aparezca el contenido oculto desaparezca la imagen del progreso. Osea que se reemplace.
Mi idea era: (Voy a llamar A y B a las imágenes).
Que la imagen A (es una imagen que no tiene link) pase a ser la imagen B (es una imagen que sí tiene link) en X segundos.

Por favor, a ver si alguien me responde bien, lo agradeceré mucho.
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group