To use a builtin theme, simply include the theme style sheet:
<link rel="stylesheet" href="odometer-theme-default.css" />
| Name | Theme | |||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Default | `default` | </td></tr>
Minimal | `minimal` | </td></tr>
Car | `car` | </td></tr>
Plaza | `plaza` | </td></tr>
Slot Machine | `slot-machine` | </td></tr>
Train Station | `train-station` | </td></tr>
Digital | `digital` | </td></tr>
</tbody>
</table>
### Multiple Themes on One Page
If you need to use multipled Odometer themes on a single page, do the following.
```javascript
odometerOptions = { 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();
```
|