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.
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.