Foros del Web » Programando para Internet » Javascript »

Mensaje de carga sobre imagen.

Estas en el tema de Mensaje de carga sobre imagen. en el foro de Javascript en Foros del Web. Buenas gente, necesito lograr un efecto como el de esta página para cargar imagenes, osea muestra una figura sobre la foto hasta que está completamente ...
  #1 (permalink)  
Antiguo 05/11/2006, 01:57
Avatar de pablinff  
Fecha de Ingreso: diciembre-2005
Ubicación: Argentina
Mensajes: 383
Antigüedad: 18 años, 4 meses
Puntos: 7
Mensaje de carga sobre imagen.

Buenas gente, necesito lograr un efecto como el de esta página para cargar imagenes, osea muestra una figura sobre la foto hasta que está completamente cargada, esta es la URL:
http://www.altapendeja.com.ar/galeria.php
Desde ya muchas gracias.
__________________
I'm gonna start a revolution from my bed...
  #2 (permalink)  
Antiguo 05/11/2006, 05:40
Avatar de renton  
Fecha de Ingreso: enero-2004
Ubicación: BCN (PPCC)
Mensajes: 573
Antigüedad: 20 años, 3 meses
Puntos: 1
Hombre, si sabes la url de una web que hace exactamente lo que quieres...¿por qué no haces un Ver-> Código Fuente-> Te copias el código entero -> si hay archivos .js te los bajas -> te estudias el código y pillas lo que te interesa?
__________________
"No et limites a contemplar aquestes hores que ara venen, baixa al carrer i participa.
No podran res davant un poble unit, alegre i combatiu!!"
  #3 (permalink)  
Antiguo 05/11/2006, 06:22
Avatar de Wel
Wel
 
Fecha de Ingreso: marzo-2003
Mensajes: 77
Antigüedad: 21 años, 1 mes
Puntos: 0
Con CSS y un "Background" en la Imagen se puede

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
#thephoto {width:450px; height:338px;background:#fff url('http://www.surdelsur.com/images/iconos/reloj.gif') 50% 50% no-repeat;}
</style>

</HEAD>

<BODY>
<img src='http://www.uv.es/jfbelda/pracwebts/ordenador.jpg' alt='Photo' id='thephoto' />

</BODY>
</HTML>
  #4 (permalink)  
Antiguo 07/11/2006, 00:00
Avatar de pablinff  
Fecha de Ingreso: diciembre-2005
Ubicación: Argentina
Mensajes: 383
Antigüedad: 18 años, 4 meses
Puntos: 7
De acuerdo

Cita:
Iniciado por Wel Ver Mensaje
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
#thephoto {width:450px; height:338px;background:#fff url('http://www.surdelsur.com/images/iconos/reloj.gif') 50% 50% no-repeat;}
</style>

</HEAD>

<BODY>
<img src='http://www.uv.es/jfbelda/pracwebts/ordenador.jpg' alt='Photo' id='thephoto' />

</BODY>
</HTML>
Genial!!! simplemente Genial!!!
Cada día me impresiona mas la magia del CSS!!!
Muchas Grácias!! la verdad que no creí que funcionara tan bien!!
__________________
I'm gonna start a revolution from my bed...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:49.