Swiper：根据幻灯片更改主体的背景颜色

Question

我正在使用 Swiper's Loop Mode 制作带有分页和导航的幻灯片。

我想做的是根据用户所在的幻灯片更改 body 的背景颜色（例如，我在幻灯片 2 上，正文背景颜色是 #FFF ，我在幻灯片 3 上，它是 #000，等等）。

关于如何做到这一点有什么想法吗？

Answer 1

Demo 聆听过渡并更改与幻灯片索引相关的背景

swiper.on('transitionEnd', function (e) {
      if(this.activeIndex==2){
        document.querySelector(".swiper-slide-active").style.background = 'red';
      }
 });

Swiper：根据幻灯片更改主体的背景颜色

Swiper: change background-color of body depending on the slide

javascript

css

carousel

swiper