https://tyumen.one/local/templates/yamal/js/main.js

1Fancybox.bind("[data-fancybox]", {});
2
3const swiperProjects = new Swiper('.swiper_projects', {
4    effect: "coverflow",
5    grabCursor: true,
6    slidesPerView: "auto",
7    centeredSlides: true,
8    loop: true,
9    coverflowEffect: {
10        rotate: 0,
11        stretch: 300,
12        depth: 100,
13        modifier: 1,
14        slideShadows: true,
15        scale: 0.6,
16    },
17    navigation: {
18        nextEl: '.swiper-button-next',
19        prevEl: '.swiper-button-prev',
20    },
21    allowTouchMove: true,
22});
23
24const swiperVideo = new Swiper('.swiper_video', {
25    slidesPerView: 5,
26    freeMode: true,
27    loop: true,
28    navigation: {
29        nextEl: '.swiper-button-next',
30        prevEl: '.swiper-button-prev',
31    },
32    allowTouchMove: true,
33});
34
35const swiperVideoMob = new Swiper('.swiper_video_mob', {
36    slidesPerView: 1,
37    freeMode: true,
38    loop: true,
39    allowTouchMove: true,
40});
41
42const swiperVideoPhoto = new Swiper('.swiper_video_photo', {
43    slidesPerView: 1,
44    freeMode: true,
45    loop: true,
46    navigation: {
47        nextEl: '.swiper-button-next',
48        prevEl: '.swiper-button-prev',
49    },
50    allowTouchMove: true,
51});
52
53const swiper = new Swiper('.mySwiper', {
54    loop: true,
55    spaceBetween: 10,
56    slidesPerView: 6,
57    freeMode: true,
58    watchSlidesProgress: true,
59});
60
61const swiper2 = new Swiper('.mySwiper2', {
62    loop: true,
63    spaceBetween: 10,
64    navigation: {
65      nextEl: '.swiper-button-next',
66      prevEl: '.swiper-button-prev',
67    },
68    thumbs: {
69      swiper: swiper,
70    },
71});
72
73class Tabs {
74    constructor (name) {
75        this.items = Array.from(document.querySelectorAll(`input[name="${name}"]`));
76
77        this.handleClickTabs()
78    }
79
80    handleClickTabs() {
81        this.items.forEach(item => {
82            item.addEventListener('click', () => {
83                Array.from(document.querySelectorAll(`div[data-name="${item.getAttribute('name')}"]`)).forEach(container => {
84                    container.style.display = "none";
85                });
86    
87                document.querySelector(`div[data-tabs="${item.getAttribute('id')}"]`).style.display = 'block'
88            })
89        });
90    }
91}
92
93new Tabs('news-region')