相关疑难解决方法(0)
无限循环轮播幻灯片
更新：07/13
我找到了一种更好的方法来使用名为 的 JS 属性来计算无限滚动，cloneNode并使用它来添加和附加克隆幻灯片以创建无限效果。
我还学习了一种更有效的方法来编写大量此类代码，并且能够防止由于 而发生的事件冒泡transitionend，因此问题已得到解决。
因此，仍然存在两个问题：
我仍然无法将这些点映射到幻灯片上。克隆似乎抛弃了幻灯片阵列，并尝试使用设置点data-对我来说不起作用。
我使用变换来移动幻灯片容器以创建幻灯片，但是如果我缩放窗口，幻灯片容器溢出就会变得可见。查看www.ramtrucks.com，我注意到在重新调整窗口大小时，幻灯片上的变换和宽度属性正在动态变化。我研究了 JS 的调整大小事件，但它们似乎都不与我的代码配合，我认为这是因为我使用的是 Flexbox。所以不知何故我需要同时调整大小和更改弹性属性（我认为？）。
这就是我所在的地方：
// ----- slideshow declarations ----- //
const slideShowContainer = document.querySelector('.slideShow');
const slidesContainer = document.querySelector('.slidesContainer');
const rightBtn = document.querySelector('#slideRight');
const leftBtn = document.querySelector('#slideLeft');
const slideShowInterval = 10000;
let slides = document.querySelectorAll('.slideCard');
let index = 1;
let currentSlide;
let dots;
const firstClone = slides[0].cloneNode(true);
const lastClone = slides[slides.length - 1].cloneNode(true);
firstClone.id = 'firstClone'
lastClone.id = 'lastClone'
slidesContainer.append(firstClone);
slidesContainer.prepend(lastClone);
const slideWidth …3
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数