JavaScript每个滑块多个图像

Question

我希望每个滑块中的多个布局图像具有相同的效果。这里的问题是每个滑块都带有背景图片。我不想要一张图片。我想要修复的每个滑块我想成为三个网格图像。

Like the Screenshot Link

Here is Codepen Link

这是我调用的函数，用于在滑动过程中如何在背景中添加图像。希望我能从这里得到我的解决方案。

layout() {
        this.DOM.el.classList.add('uncover');
        let inner = '';
        inner += `<div class="uncover__img" style='background-image: ${this.DOM.el.style.backgroundImage}'></div>
        <div class="uncover__slices uncover__slices--${this.options.orientation}">`;

        for (let i = 0; i <= this.options.slicesTotal - 1; ++i) {
            inner += `<div class="uncover__slice" style="color:${this.options.slicesColor}"></div>`;
        }
        inner += `</div>`;
        this.DOM.el.innerHTML = inner;
        this.DOM.img = this.DOM.el.querySelector('.uncover__img');
        this.DOM.slices = Array.from(this.DOM.el.querySelectorAll('.uncover__slice'));
        this.slicesTotal = this.DOM.slices.length;
    }

谢谢 提前。