Precarga de imágenes

[cartmanrules]

Hola!

Llevo algún tiempo aprendiendo esto del diseño web pero hay algo que me fastidia bastante. Cuando hago un diseño de página en Photoshop queda muy bien cuando lo ves en la máquina local pero a la hora de subirlo a un servidor y bajarlo desde un navegador se ve cómo se va montando la página poco a poco (dependiendo claro, de la velocidad de la conexión) y queda un poco mal. También me he dado cuenta de que dependiendo del navegador con que descargues la página primero el orden de descarga de las imágenes varía, con lo que a veces he visto que descarga el fondo de alguna tabla o un banner pero no el fondo principal, con lo que el efecto es bastante molesto.

¿Qué sugerencia tenéis para hacer que la carga de la página sea fluida? ¿Qué método recomendáis para precargar imágenes?

Gracias!

[hades87]

yo te recomiendo simplemente que aprendas a diseñar con CSS

http://www.desarrolloweb.com/css/
http://www.cristalab.com/tutoriales/...-basico-de-css

y en estos foros también puedes encontrar faqs de como hacer cosas en css.

Las tablas no son una buena opción y hacer páginas con photoshop tampoco,t e lo digo por experiencia.

[caricatos]

Hola:

Si sabes el tamaño de las imágenes, puedes ponerlo en el mismo tag img (preferentemente con estilos, y de esa manera se reserva el espacio que va a ocupar la imagen, y en teoría no se descuadra nada.

Saludos

[josequinta]

un compañero de aqui, tiene razon, aprende a diseñar en CSS. Yo no sabia, y lo hacia como tu, en Photoshop, Pero ahora se CSS, a base de investigar en tutos y probando a ver como queda. Y eso es muy bueno. Saludos y Suerte.

De todas maneras, puedes poner una precarga de Flash en la web.

[aloqui]

Iniciado por caricatos

Hola:

Si sabes el tamaño de las imágenes, puedes ponerlo en el mismo tag img (preferentemente con estilos, y de esa manera se reserva el espacio que va a ocupar la imagen, y en teoría no se descuadra nada.

Saludos

Estoy de acuerdo.
Además puedes precargar imágenes con javascript
Ejemplo: (pon el javascript antes de que el HTML utilize dicha imagen.

Código:

var imagen1 = new Image();
imagen1.src = "./imagenes/imagen1.jpg";