Pedir presupuesto

PrettyLoader – Plugin jQuery para mostrar imagen cargando siguiendo el cursor

Cuando una página tarda en mostrar resultados la mejor manera de mostrarselo al usuario es utilizando algun tipo de mensaje mostrando al visitante que la página se está cargando.

Existen multitud de imágenes .gif o pre-cargadores en flash, pero si lo que queremos es algo un poco con un poco más de estilo y sobre todo sin utilizar flash, esta forma puede ser que te interese ya que no es el típico cargador que no sabes donde ubicarlo dentro de tu página web para que el usuario sepa exactamente porque no se muestra la petición que ha hecho.

PrettyLoader es un pequeño plugin jQuery con el que se mostrará un pre-cargador siguiendo el cursor del ratón, teniendo asi la certeza de que el visitante sabrá en todo momento que la petición se está cargando, evitando así que el visitante se canse de esperar por no saber que ocurre.

El plugin pesa menos de 4Kb, muy interesante para aquellos (bien acostumbrados) que se preocupan por el peso de una página web.

Para ver la documentación del plugin PrettyLoader, puedes acceder a este enlace.

¿Que navegadores soporta PrettyLoader?

Los navegadores que soporta son los siguientes:

  • Firefox 2.0+
  • Safari 3.1.1+
  • Opera 9+
  • Internet Explorer 6.0+

Descarga de PrettyLoader

Descargar Version Completa

Descargar Version Comprimida

¿Cómo usarlo?

Una vez descargado el plugin, tenemos que indicar en dentro de las etiquetas HEAD lo siguiente:

[html]
script src=»js/jquery.js» type=»text/javascript» charset=»utf-8″>

[/html] Para inicializar Prettyloader, pon el siguiente código antes de cerrar la etiqueta BODY [javascript]
[/javascript]

Para configurarlo puedes usar el siguiente código:

[javascript]

[/javascript]

Una vez tenemos hecho el trabajo de llamada, inicialización, etc .. procedemos a usarlo de la siguiente manera:

$.prettyLoader.show();
Muestra el Loader

$.prettyLoader.show(2000);
Muestra el loader y lo oculta después de 2 segundos

$.prettyLoader.hide();
Oculta el loader

Vía: No margin for errors

¿Te ha gustado?, Comparte!!

Compartir en facebook
Compartir en twitter
Compartir en linkedin
Compartir en whatsapp
Compartir en email

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

¡Pide tu presupuesto!

Completa los campos para poder enviarte un presupuesto

Todos y tu presupuesto son a medida y totalmente personalizados, entendemos que dos proyectos online no pueden ser iguales y que cada cliente tiene unos objetivos y necesidades muy diferentes, es por eso que para elaborar un presupuesto, necesitamos saber de ti, tu proyecto y objetivos.

Los campos marcados con (*) son obligatorios.

La comunicación enviada quedará incorporada a un fichero del que es responsable COLORDEU. Esta comunicación se utilizará exclusivamente para tratar sus datos para atender su solicitud, siempre de acuerdo al Reglamento (UE) 2016/679 (RGPD), la Ley Orgánica 15/1999 (LOPD) y el Real Decreto 1720/2007 de desarrollo de la LOPD), sobre protección de datos. Sus datos no se comunicarán a terceros, excepto por obligación legal, y se mantendrán mientras no solicite su cancelación. En cualquier momento usted puede ejercer los derechos de acceso, rectificación, portabilidad y oposición, o si procede, a la limitación y/o cancelación del tratamiento, comunicándolo por escrito, indicando sus datos personales mediante un email a hola@colordeu.es