IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Piecon : des favicon sous forme de camemberts animés
Pour exprimer le pourcentage de chargement de la page

Le , par FirePrawn

0PARTAGES

Affichez des camemberts animés en favicon
Avec pourcentage de chargement


Piecon est une bibliothèque JavaScript qui va vous permettre de modifier le favicon de chargement des pages par défaut.
Pour ce faire vous pouvez afficher un camembert animé à l'emplacement du favicon qui sera automatiquement remplacé par votre favicon une fois le chargement de la page terminé.

Cette bibliothèque fait environ 2 ko en version minifiée et fonctionne sous Chrome 15+, Firefox 9+ et Opera 11+.
IE9 et Safari 5+ ne sont pas supportés et c'est le fallback qui prend le relai en affichant le contenu de la balise title.

L'utilisation de Piecon est très simple :

Code : Sélectionner tout
1
2
3
4
Piecon.setProgress(12);
Piecon.setProgress(25);
...
Piecon.reset();
Vous pouvez également configurer quelques options :

Code : Sélectionner tout
1
2
3
4
5
6
Piecon.setOptions({
  color: '#ff0084', // Pie chart color
  background: '#bbb', // Empty pie chart color
  shadow: '#fff', // Outer ring color
  fallback: false // Toggles displaying percentage in the title bar (possible values - true, false, 'force')
});
Télécharger Piecon.

Source : Piecon

Et vous ?

Que pensez-vous de l'utilisation d'un camembert animé pour afficher le chargement du favicon ?
Utilisez-vous des favicon personnalisés pour vos sites Web ?

Une erreur dans cette actualité ? Signalez-nous-la !