Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Carga de imágenes con la página ya servida

Estas en el tema de Carga de imágenes con la página ya servida en el foro de Frameworks JS en Foros del Web. Hola! Antes de nada comentaros que no sé nada de ajax. Así que si lo que os comento es básico, disculpad. Bueno, ojala sea básico!! ...
  #1 (permalink)  
Antiguo 21/01/2011, 09:57
 
Fecha de Ingreso: noviembre-2010
Mensajes: 65
Antigüedad: 14 años
Puntos: 0
Carga de imágenes con la página ya servida

Hola! Antes de nada comentaros que no sé nada de ajax. Así que si lo que os comento es básico, disculpad. Bueno, ojala sea básico!! ;) Bueno, yo tengo una web que muestra una noticia. Esta noticia va vinsulada a unas cuantas imágenes. Estas imgágenes están en un servidor externo. La web la hago en PHP. Al cargar la web, como tiene que traerme las imágenes de otros servidores, tarda mucho en mostrarse. Me han comentado que ajax, podría solucionarse. Cargando primero la parte de las noticias, y las imagenes las iría mostrando a medida que las recuperase del/los servidores externos. Mientras no carga la imagen, saldría el típco relojito... Alguien podría darme alguna idea, o decirme cómo puedo hacelo?? Muchas gracias por vuestro tiempo.
  #2 (permalink)  
Antiguo 21/01/2011, 14:29
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Carga de imágenes con la página ya servida

si se trata de mostrar una imagen de cargando, como parece, no es necesario que ocupes ajax. puedes superponer imágenes. en el bloque, por ejemplo div, puedes mostrar la imagen de cargando y una vez que recibas la imagen la colocas encima. a grandes rasgos esta es la idea
  #3 (permalink)  
Antiguo 21/01/2011, 14:56
 
Fecha de Ingreso: noviembre-2010
Mensajes: 65
Antigüedad: 14 años
Puntos: 0
Respuesta: Carga de imágenes con la página ya servida

Muchas gracias!! Excelente idea!! Parece una manera genial de solucionarlo!!!! Lo que yo ya habñia encontrado una manera con JS. En el onLoad pregunto si estan todas las imagenes cargadas. En el momento que eso ocurre, es cuando escribo realmente el SRC de las imagenes!
Pero slo por curiosidad... como se haria eso de superponer imagenes... es decir... si yo programo en PHP, ¿Cómo sé cuándo se han cargado realmente las imágenes, y por lo tanto debo colocar estas en lugar del div con al imagen "Cargando"?
  #4 (permalink)  
Antiguo 22/01/2011, 06:10
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Carga de imágenes con la página ya servida

sonaba bien, verdad?? no sé en que estaba pensando cuando dije "superponer imágenes". se trata de modificar el dom
un código montado por caricatos. lo he modificado un poco para adaptarlo a tus necesidades
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es" xml:lang="es">
<head>
<title>Documento sin título</title>
<script type="text/javascript">
function precargar() {
var dibujos = new Array(precargar.arguments.length);
for (var i = 0; i < dibujos.length; i ++) {
dibujos[i] = new Image();
dibujos[i].src = precargar.arguments[i]
}
return dibujos;
}


function precargados(dibujos) {
var parciales = true;
for (var i = 0; i < dibujos.length; i ++) {
document.getElementById('img'+i).src = dibujos[i].src;
parciales = (parciales && dibujos[i].complete);
}
return parciales;
}


function cargando() {
if (!precargados(imagenes))
setTimeout("cargando()", 100);
}

var imagenes;
function ini() {
imagenes = new precargar("img1.gif",
"img2.gif",
"img3.gif"
);
cargando();
}
</script>
</head>
<body onload="ini()">
<div><img id="img0" src="precarga.gif" /></div>
<div><img id="img1" src="precarga.gif" /></div>
<div><img id="img2" src="precarga.gif" /></div>
</body>
</html>
aquí tienes el código original
  #5 (permalink)  
Antiguo 24/01/2011, 17:42
 
Fecha de Ingreso: noviembre-2010
Mensajes: 65
Antigüedad: 14 años
Puntos: 0
Respuesta: Carga de imágenes con la página ya servida

Perdona que no te contestase antes! iba liado... he hecho algo parecido. Lo que, en lugar de emplear "complete" he utilizado el metodo "onload" de la imagen... he leído en lagún artículo que decían que es más fiable que el complete. Pero la idea es la que tú planteas... de veras que te lo agradezco!!! Dios mio! qué nivel tenéis!!!

Etiquetas: ajax, carga
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 05:48.