https://my.alyans-auto.ru/cabinet/assets/js/slider.js?version=1676884891

1//Слайдер на главной странице
2if ($('.mainslaider').length) {
3	var zIndex = 1
4	var prevIndex = 0
5	var paginationHover = false
6
7	$('.mainslaider .swiper-pagination').hover(
8		function () {
9			paginationHover = true
10		},
11		function () {
12			paginationHover = false
13		}
14	)
15
16	new Swiper('.mainslaider', {
17		direction: 'horizontal',
18		pagination: {
19			el: '.swiper-pagination',
20			clickable: true
21		},
22		navigation: {
23			nextEl: '.swiper-button-next',
24			prevEl: '.swiper-button-prev',
25		},
26		speed: 0,
27		autoplay: {
28			delay: 10000,
29		},
30		loop: true,
31		centeredSlides: false,
32		watchSlidesProgress: true,
33		virtualTranslate: true,
34		on: {
35			init: function (swiper) {
36				var firstSlide = swiper.slides[1]
37				if (firstSlide) {
38					firstSlide.classList.add('init')
39					setTimeout(function () {
40						firstSlide.classList.remove('init')
41					}, 700)
42				}
43
44				swiper.slides.forEach((slide, i) => {
45					if (i > 0) {
46						slide.style.zIndex = swiper.slides.length - 2 - (zIndex - 1)
47						zIndex++
48					}
49				})
50			},
51
52			realIndexChange: function (swiper) {
53				$('.swiper-disabled').show()
54				setTimeout(function () {
55					$('.swiper-disabled').hide()
56				}, 700)
57
58				var clickNext = prevIndex + 1 === swiper.slides.length - 2 && swiper.realIndex === 0 || swiper.realIndex > prevIndex && Math.abs(prevIndex - swiper.realIndex) === 1
59				if (paginationHover) clickNext = true
60
61				if (clickNext) {
62					if (swiper.realIndex + 1 === swiper.slides.length - 2) {
63						swiper.slides.forEach((slide, i) => {
64							if (i < swiper.realIndex + 1) {
65								slide.classList.remove('animright')
66								slide.classList.add('animleft')
67							}
68						})
69						swiper.slides[1].classList.add('animright')
70						swiper.slides[1].classList.remove('animleft')
71					}
72					else {
73						swiper.slides.forEach((slide, i) => {
74							if (i < swiper.realIndex + 1) {
75								slide.classList.remove('animright')
76								slide.classList.add('animleft')
77							}
78							else if (i >= swiper.realIndex + 1) {
79								slide.classList.add('animright')
80								slide.classList.remove('animleft')
81							}
82						})
83					}
84				}
85				else {
86					if (swiper.realIndex === 0) {
87						swiper.slides.forEach((slide, i) => {
88							if (i > swiper.realIndex + 1) {
89								slide.classList.add('animright')
90								slide.classList.remove('animleft')
91							}
92						})
93						swiper.slides[swiper.slides.length - 1].classList.remove('animright')
94						swiper.slides[swiper.slides.length - 1].classList.add('animleft')
95					}
96					else {
97						swiper.slides.forEach((slide, i) => {
98							if (i <= swiper.realIndex + 1) {
99								slide.classList.remove('animright')
100								slide.classList.add('animleft')
101							}
102							else if (i > swiper.realIndex + 1) {
103								slide.classList.add('animright')
104								slide.classList.remove('animleft')
105							}
106						})
107					}
108				}
109
110
111				var beforeSlide
112				if (clickNext) beforeSlide = swiper.slides[swiper.realIndex === 0 ? swiper.slides.length - 1 : swiper.realIndex]
113				else beforeSlide = swiper.slides[swiper.realIndex + 1 === swiper.slides.length - 1 ? 1 : swiper.realIndex + 2]
114
115				if (beforeSlide && !paginationHover) {
116					beforeSlide.style.zIndex = zIndex + 1
117				}
118
119				zIndex++
120
121				swiper.slides[swiper.realIndex + 1].style.zIndex = zIndex + 1
122				zIndex++
123
124				prevIndex = swiper.realIndex
125			}
126		}
127	})
128}
129
130
131$('.swiper-button-next, .swiper-button-prev').hover(
132	function () {
133		$(this).removeClass('out').addClass('in')
134	},
135	function () {
136		$(this).removeClass('in').addClass('out')
137	}
138)
139
140
141if ($('.goods__bottomslider').length) {
142	new Swiper('.goods__bottomslider', {
143		direction: 'horizontal',
144
145		navigation: {
146			nextEl: '.goods-button-next',
147			prevEl: '.goods-button-prev',
148		}
149	});
150}
151
152
153