product_change.js
997 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
let index = 0
let slides = $('.pro')
// 排他效果
for (let i = 0; i < slides.length; i++) {
$(slides[i]).attr('sli_index', i)
}
$('.pro').on('click', function () {
for (let i = 0; i < slides.length; i++) {
$(slides[i]).removeClass('swiper-slide-active')
}
$(this).addClass('swiper-slide-active')
console.log($(this).attr("sli_index"))
})
// next效果
$('.next').on('click', function () {
for (let i = 0; i < slides.length; i++) {
$(slides[i]).removeClass('swiper-slide-active')
}
if (index >= slides.length - 1) {
index = 0
} else {
index++
}
$(slides[index]).addClass('swiper-slide-active')
console.log(index)
})
$('.prev').on('click', function () {
for (let i = 0; i < slides.length; i++) {
$(slides[i]).removeClass('swiper-slide-active')
}
if (index <= 0) {
index = 0
} else {
index--
}
$(slides[index]).addClass('swiper-slide-active')
console.log(index)
})