Detaillierte Erläuterung der Verwendung von backgroundImage zum Lösen des Bildkarussellwechsels

  /**
        * Bild abspielen */
    Funktion Bild abspielen(Quelle) {
        wenn (Animation beendet) return;
        wenn (!_imageEl) {
            _imageEl = document.createElement('div')
            _imageEl.className = "swiper_container";
            _imageEl.style.backgroundImage = `url(${src.url})`;
            _imageEl.setAttribute("data-img", src.url);
            elContainer.appendChild(_imageEl);
        } anders {
            AnimationFinshed = true;
            let width = elContainer.clientWidth, height = elContainer.clientHeight;
            let preImage = _imageEl.getAttribute("data-img");
            _imageEl.style.backgroundImage = `url(${preImage}),url(${src.url})`;
            _imageEl.style.backgroundPositionX = `Mitte, ${width + 20}px`;
            setzeTimeout(() => {
                _imageEl.style.transition = "alle 0,8 s langsam";
                _imageEl.style.backgroundPositionX = `-${width + 20}px,center`;
            }, 0);

            setzeTimeout(() => {
                _imageEl.style.transition = "keine";
                _imageEl.style.backgroundImage = `url(${src.url}) `;
                _imageEl.style.backgroundPositionX = `Mitte`;
                _imageEl.setAttribute("data-img", src.url)
                AnimationFinshed = falsch;
            }, 800)
        }
    }