VanillaRoulette.js
- vanilla JavaScript библиотека, предназначенная для горизонтальных поворотов рулеток
Вы можете посмотреть демо-версию здесь :)
Использовать VanillaRoulette.js
это действительно просто:
- Привяжите
CSS
иJS
к своей странице:
<link href="libs/vanillaRoulette/vanillaRoulette.min.css" rel="stylesheet">
<script src="libs/vanillaRoulette/vanillaRoulette.min.js"></script>
- Создайте контейнер для рулетки и заполните его блоками контента (вы можете использовать любой тег, заполненный любым контентом):
<div id="roulette">
<div>...</div>
<div>...</div>
<div>...</div>
<div>...</div>
</div>
- Инициализируйте рулетку (просто передайте уникальный сектор для конструктора
Рулетки
):
let roulette = new Roulette("#roulette");