jQuery loader plugin

Fork me on GitHub

Ce petit plugin permet d’afficher une fenêtre de chargement. Utile pour les appels Ajax par exemple, et facile d’utilisation.

Démonstration !

Utilisation :

Il faut bien sur insérer jQuery, le fichier jquery.loader.version.js, dans votre page, ensuite vous pouvez utiliser le plugin.

$.loader({
  content:'Chargement des données...'
});

Voilà, c’est tout, c’est pas sorcier hein ??? …

Les options

Options Description Défaut
content

HTML : une chaîne de caractères, le texte à afficher dans la boîte de chargement …

<div>Loading …</div>
className

String : le nom de la classe CSS du loader permet de personnaliser l’affichage (cf demo)

loader
id

String : définit l’id de l’élément

jquery-loader
height

Integer : la hauteur de l’élément, en pixels

60
width

Integer : la largeur de l’élément, en pixels

200
zIndex

Integer : le z-index de l’élément

30000
background

Object : permet de définir l’opacité et l’id du masque

{opacity:0.4, id:’jquery-loader-background’ }

Téléchargement

Cliquez ici pour télécharger le plugin : loader-0.2

Vous aimerez aussi...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *