Buenos días,
Estoy desarrollando mi sitio web pero no tengo conocimientos en JavaScript y no se cómo hacer algo que ustedes por ahí si...
Tengo transiciones (fadein) que van mostrando los elementos dentro del body (ej: el header aparece desde arriba, el main desde abajo). El problema es que el main contiene fotografías un poco pesada, tardan en cargarse, y la transición se produce igual, cuando las imágenes no están cargadas completamente, y se ve mal. Por ejemplo, esta página no muestra el contenido hasta que no esta cargado completamente, para que las transiciones muestren correcta y ordenadamente todo el contenido.
Entonces lo que quiero hacer es mostrar un gif loading hasta que todo el contenido dentro del body este cargado, y ahí recién mostrarla y que las transiciones que hice con CSS3 muestren el contenido correctamente. Algo parecido a lo que hace este jQuery plugin. Ustedes me dirán, ¿por qué no usas el plugin ese? la razón es que no quiero sobrecargar mi página con plugins externos y hacer yo mismo las cosas.
Desde ya, muchas gracias.