幻灯片更改时更改正文背景颜色/图像

Question

我正在使用Revolution Responsive jQuery Slider（documentation），我正在努力实现幻灯片更改时身体背景颜色/图像会发生变化的效果。

这些我得到的：

HTML：

<div class="slider-wrap">
        <div class="fullwidthbanner-container" >
            <div class="fullwidthbanner">
                <ul>  
                        <!-- MAIN IMAGE-->
                        <li data-transition="fade, fade" data-slotamount="1" data-masterspeed="1400"  data-saveperformance="off" >
                        <img src="img/web-banner-final-1.png" id="slide1" alt="bg"  data-bgposition="left top" data-bgfit="contain" data-bgrepeat="no-repeat">
                        </li>
                        <!-- SLIDE  2-->
                        <li data-transition="fade, fade" data-slotamount="1" data-masterspeed="1400"  data-saveperformance="off" >
                        <img src="img/web-banner-final-2.png" alt="bg" id="slide2" data-bgposition="left top" data-bgfit="contain" data-bgrepeat="no-repeat">
                        </li>
                </ul>
            </div>
        </div>
    </div>

现在，当slide1出现时，我想要一个绿色的身体背景（＃D5E24D），当幻灯片2出现时，我想要一个背景图像（abc.jpg）。

我应该如何编写JS？我是JS的新手，所以非常感谢您的帮助！