You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
18 lines
621 B
18 lines
621 B
let currentSlide = 0;
|
|
const slides = document.querySelectorAll('.carousel img');
|
|
const totalSlides = slides.length;
|
|
|
|
// 确保父容器 .carousel-images 的宽度匹配所有图片的总宽度
|
|
document.querySelector('.carousel-images').style.width = `${totalSlides * 100}%`;
|
|
|
|
// 为每张图片设置宽度百分比
|
|
slides.forEach(slide => {
|
|
slide.style.width = `${100 / totalSlides}%`;
|
|
});
|
|
|
|
// 自动轮播功能
|
|
setInterval(() => {
|
|
currentSlide = (currentSlide + 1) % totalSlides;
|
|
document.querySelector('.carousel-images').style.transform = `translateX(-${currentSlide * (100 / totalSlides)}%)`;
|
|
}, 3000);
|