Galeria CSS y carga de imagenes

[Dago]

Gente,
Como siempre acudo a su saber, para despegar una duda. Tengo una galería con CSS. Me funciona bien. El tema está en que al entrar a la página, primero me carga las 4 imágenes de la galería verticalmente (una encima de la otra) al mejor estilo chorizo de imágenes, y luego, cuando las carga, aparece bien. ¿Algún consejo? Esto me ocurre cada vez que ingreso en la página. Desde ya muchas gracias.
Felices fiestas!
DAGO

Ps: Como anexo uso jquery.

[emprear]

@Dago, pero cual es el probema, como las debería cargar?
Saludos

[caricatos]

Hola:

Supongo que te pasa lo que pasa en uno de mis apuntes sobre transiciones: Transiciones: Van más de cien.. si es así, y usas javascript para presentar las distintas imágenes (también en mi caso), basta que solo tengas visible la imagen que tenga que verse en primer lugar... luego podrías usar una precarga...

Saludos

[Dago]

Amigos,
Gracias por el interés.
Me pasa con TODAS las galerías que he probado con CSS + jquery. Al cargar la página, aparecen las imagenes en una tira vertical. Si es la primera vez que carga la página, dura más en acomodarse. Si ya cargó antes, dura menos tiempo. ¿Podría solucionarlo con una precarga? ¿Tendría alguna desventaja? ¿Tendría que poner una capa durante la carga? En fin... Mil gracias por la ayuda.

[emprear]

Sigo sin ver muy bien el error, pero si ya estás usando jQuery, te dejo un sistema sencillo de hacer la precarga


en tu css

Código CSS:

div#precarga{
display: none;
width:0px;
height: 0px;
}
 

En tu html, en el head

Código Javascript:

<script type="text/javascript">
//<![CDATA[
$.PrecargarContenido = function(){
for(var i = 0; i<arguments.length;i++){
$("#precarga").load(arguments[i])
}
}
//]]>
</script>
 

y al pie de tu html, antes del cierre del body

Código HTML:

<div id="precarga"><!-- precarga, div sin contenido --></div>
<script type="text/javascript">
//<![CDATA[
$.PrecargarContenido(
// aqui ponés los archivos que quieras precargar
'/img/caracteristicas.jpg',
'/img/contactenos.jpg',
'/img/faqs.jpg',
'/img/modulos.jpg',
'/img/tyc.jpg',
'/img/politicas.jpg',
'/img/recuperar_clave.jpg',
'/img/registrarse.jpg',
'/img/fuentes/aller_bd-webfont.eot',
'/img/fuentes/aller_bd-webfont.ttf',
'/inc/precarga.txt'
);
//]]>
</script>
 

Como verás, se puede precargar cualquier cosa, pero no abuses tampoco

SAludos

[Dago]

Fantástico. ¡Mil gracias emprear! Sobre todo, por el tiempo dispensado como la cálida atención para este novato :)

[Skull_leader001]

Bueno algo ando haciendo mal, en mi post original http://www.forosdelweb.com/f4/precargar-pagina-969917/ donde pregunto, como poder precargar una pagina web con ¡corrijo! HTML 4 y algunas aplicaciones flash y no uso el jquery como menciono en el primer tema son mis primeras andanzas en el html. así que no se ni que ando haciendo bien o mal.

Cuando agrego el código en el head, lo que me hace es correr las animaciones dispareja y cuando agrego el código antes del cierre del body, el dreamweaver me marca errores, aun así guardo el html lo subo a la web y no pasa nada.

Entonces ya no se que hago mal.

[emprear]

Pusiste en tu head, a continuación de los estilos, la carga de la librería jQuery ?

Este es un ejemplo concreto de uso
http://emprear.com.ar/competencia2011 (linea 64)
Aprovecho esa página introductoria, para cargar contenido que uso en la aplicación a continuación. Incluso fijate que estoy cargando archivos de fuentes ttf

SAludos