mirror of
https://github.com/zoriya/EAU.git
synced 2025-12-06 06:36:13 +00:00
22 lines
622 B
JavaScript
22 lines
622 B
JavaScript
"use strict";
|
|
var selectedIndex = 0;
|
|
var carousel;
|
|
var angle = 0;
|
|
function setup() {
|
|
carousel = document.querySelector(".carousel");
|
|
var list = document.getElementsByClassName("carousel__cell");
|
|
for (var i = 0; i < list.length; i++) {
|
|
list[i].id = i.toString();
|
|
list[i].addEventListener("click", () => {
|
|
var ev = event.target;
|
|
rotateCarousel(ev.id);
|
|
});
|
|
}
|
|
;
|
|
}
|
|
function rotateCarousel(target) {
|
|
angle = (selectedIndex - target) * 20 + angle;
|
|
carousel.style.transform = "translateZ(-880px) rotateY(" + angle + "deg)";
|
|
selectedIndex = target;
|
|
}
|