To use a builtin theme, simply include the theme style sheet:
<link rel="stylesheet" href="odometer-theme-default.css" />
Name | Theme | |
---|---|---|
Default | default | 818283,848586 |
Minimal | minimal | 818283,848586 |
Car | car | 818283,848586 |
Plaza | plaza | 818283,848586 |
Slot Machine | slot-machine | 818283,848586 |
Train Station | train-station | 818283,848586 |
Digital | digital | 818283,848586 |
If you need to use multipled Odometer themes on a single page, do the following.
odometerOptions = { auto: false }; // Disables auto-initializationodometerOptions = { auto: false }; // Disables auto-initialization// For each odometer, initialize with the theme passed in:
var odometer = new Odometer({ el: $('.odometer')[0], value: 123, theme: 'car' });odometer.render();