如何解决更改幻灯片上的图像
我创建了一个滑块,其中一层图像绝对居中。我正在尝试根据该特定幻灯片更改图像(如分页活动)。 代码如下:
https://codepen.io/manoj2507/pen/rNWyJjG?editors=0010
到目前为止,我已经尝试在 div 中删除和添加类,如下所示:
const sliderHeight = sliderContainer.clientHeight;
if (direction === 'up') {
activeSlideIndex++;
if (activeSlideIndex > slidesLength - 1) {
activeSlideIndex = 0;
}
successScreensItem.classList.add('active');
} else if (direction === 'down') {
activeSlideIndex--;
if (activeSlideIndex < 0) {
activeSlideIndex = slidesLength - 1;
}
successScreensItem.classList.remove('active');
}
slideRight.style.transform = `translateY(-${activeSlideIndex * sliderHeight}px)`;
slideLeft.style.transform = `translateY(${activeSlideIndex * sliderHeight}px)`;
};
我们如何在更改轮播的同时更改图像?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。