https://github.com/manufosela/lola

javascript Loading Layer
https://github.com/manufosela/lola

Last synced: about 1 month ago
JSON representation

javascript Loading Layer

• Host: GitHub
• URL: https://github.com/manufosela/lola
• Owner: manufosela
• Created: 2013-10-14T16:10:35.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2019-06-03T20:17:43.000Z (over 5 years ago)
• Last Synced: 2023-03-24T12:04:02.797Z (almost 2 years ago)
• Language: HTML
• Size: 7.81 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
LoLa

====

Descripción:

------------

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: http://manufosela.es/LoLa/lola_demo.html

Description:

------------

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: http://manufosela.es/LoLa/lola_demo.html