滑动器：根据幻灯片更改主体的背景颜色

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';
      }
 });