Ejemplo Ajax para poder insertar una animación de progreso y carga para nuestro sitio web.

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Este simple y útil plugin realizado con la librería jquery, permite añadir animaciones de carga, similar por ejemplo a las animaciones que nos muestra el sitio Youtube y muchos otros, cuando está cargando un video en el reproductor de Flash.

Pueden ser útiles para varios usos y aplicaciones web, pero principalmente para páginas web y aplicaciones realizadas en Ajax, ya que nos permite mostrarle al usuario una animación mientras espera que termine una solicitud cualquiera, por ejemplo envíos de formularios, carga de páginas, contenido multimedia etc ...

A continución se muestra un ejemplo y más información para poder utilizarlo en tu sitio web.

Mas información sobre el programa.

Indice - Contenido.

  1. Descripción.
  2. Cómo instalar y usar el ejemplo.
  3. Opciones varias para controlar el script.

 

1 - Descripción

Este ejemplo permite crear sobre la marcha en tiempo real, animaciones para la carga y espera de una solicitud cuando, el usuario está interactuando con nuestro sitio web. La animación principal es un simple archivo gif animado.

Esta es una imagen de los 4 ejemplos:

y en este otro enlace puedes ver una demostración online del script. Debes hacer clic en cada opción para que el cargador comience la animación.

Pulsando aquí puedes descargar un archivo ZIP con el ejemplo completo.

2 - Cómo instalar y usar el ejemplo.

La implementación del script es muy simple.

Cómo primer paso, debemos definir una hoja de estilo, o añadir este código CSS en nuestra hoja de estilo:

Nota: Los elementos a los cuales se le va a insertar el cargador en ajax deben tener la propiedad "position: relative;"

Luego, debemos tener en el directorio, un archivo llamado script.js ( este es el plugin jQuery) con este código.

ahora, simplemente para usar el cargador, colocamos este código:

3 - Opciones varias para controlar el script.

En el fichero script.js, en la sección Default options, se encuentran algunas opciones por defecto:

  • bgcolor: Es el color de fondo.
  • Duration: La duración de la animación para el cargador.
  • opacity: el grado o nivel de transparencia.
  • classoveride: Nombre de clase por defecto para usar el cargador.

 


Requerimientos de instalación y uso.

Requiere: Librería jquery.


Videos tutoriales.

No hay videos para este script.

 

Cambios, actualizaciones y mejoras del programa.

No hay actualizaciones para mostrar.

 

Buscar programas


Introduce los términos de búsqueda ...

Enlaces patrocinados.


Detalles y descargar

Web:
aplusdesign.com.au
Licencia:
Gratis
Versión:
--
Idioma:
Inglés
Programa actualizado:
19 Noviembre 2012


Si te ha gustado esta página, programa o artículo puedes votar haciendo clic en este botón: