Foro de elhacker.net

Hola a todos!

Les cuento, estoy haciendo unos arreglos en un página (:http://redmotors.com.co/), por ejemplo selecciono 'carro' y le doy buscar, él hace todo eso correctamente el problema es que tiene que cargar varias imágenes y dependiendo la conexión obviamente puede ser lento, me piden que salga una página temporal diciendo algo como cargando... y que cuando termine de cargar todo correctamente si se muestre la página.

Alguna idea de cómo hacerlo?

Saludos...

Cargas toda la web menos el contenido central donde están las imágenes, luego escribes un código en javascript que diga:

document.load = function(){
 document.write('<?php  echo str_replace(array('%', '+'), array('\\x', ' '), urlencode('
  <img src="">... 
  etc, acá va el código html que cargará despues que cargue todo el resto
')); ?>');
}

Ahora abajo de ese código pones el loader que puede ser un gif... entonces cuando termine de cargar toda la web incluyendo ese gif ahi recién se ejecutará el código central escribiendo las imágenes y el resto de cosas.

Para evitar los problemas de inserción de objetos al DOM de javascript te recomiendo utilizar jquery porque lo hace automático:

$(document).load(function(){
...
});

Saludos.