javascript Loading Layer
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.



Javascript Loading Layer. Si tienes una aplicación/página web que tarda algunos segundos en cargar y no quieres que mientras tu página carga los usuarios comiencen a interactuar antes de tiempo LoLa.js lo soluciona.

Simplemente añade:

<script type="text/javascript" src="lola.js"></script>

antes del tag </head>

Este código genera una capa gris transparente por encima de todas las demás evitando que puedas interactuar con la página. También carga una capa blanca con el texto de "Cargando..." y un gif animado. Cuando tu aplicacion/página web termina de cargar estas capas desaparecen.

El código es independiente de JQuery o de cualquier otra libreria que utilices.

Puedes ver la demo en:


Javascript Loading Layer. If you have an application/web page that takes a few seconds loading and you don't want the users begin to interact prematurely until it has loaded LoLa.js solves it.

Just added:

<script type="text/javascript" src="lola.js"></script>

before tag </head>

This code generates a transparent gray layer above all other and it avoid the users can interact with the application/ web page. It also loads another layer with white background and show the text "Loading ..." beside an animated gif. When your application / web page finishes loading these layers disappear.

The code is independent of JQuery or any other library you use.

You can see the demo at: