15
OCT

Odometer - Animez vos compteurs avec style en Javascript

Publié le 15/10/13 à 07h56 par DJo

Odometer est une bibliothèque Javascript permettant d'ajouter des animations de transitions entre deux nombres.

Odometer est une bibliothèque Javascript permettant d'ajouter des animations de transitions entre deux nombres ou séquences de lettres.

Voici un script intéressant si vous devez afficher des séries de nombres, stats ou compteurs sur vos pages web.

A la fois compatible jQuery ou utilisable en standalone, Odometer permet de faire des transitions réussies entre 2 nombres.

Il existe plusieurs thèmes embarqués dans le script:

Odometer: Thèmes disponibles

Vous aurez bien sûr la possibilité de créer votre propre thème Odometer.

Exemple de mise en place pour passer de 333555 à 555:

var el = document.querySelector('.some-element');

od = Odometer({
  el: el,
  value: 333555,
  format: '',
  theme: 'digital'
});

od.update(555)
// ou
el.innerHTML = 555

Niveau compatibilité navigateur: IE8+, FF4+, Safari 6+, et Chrome

A vos compteurs !

 

Site Officiel

Personne n'a baraguiné de chtite phrase pour le moment !


Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web