Raspberry Chromium isolla näytöllä

[kaakau<"'\\/>]

Tämä koodi jostain syystä näyttää isolla ei-tyypillisellä tietokonenäytöllä artefakteja näytön yläreunassa. Jos ajan tämän kannettavalla tai tietokoneella, niin kaikki näkyy ok. Tämä ongelma vain siis Raspberry Pi 3B:llä isolla näytöllä.

/**
 * @function getJson
 * @param url {String}
 * @return {Promise}
 */
async function getJson(url) {
    try {
        const response = await fetch(url);
        if (!response.ok) {
            throw new Error(`Response status: ${response.status}`);
        }
        return await response.json();
    }
    catch (error) {
        console.error(error.message);
    }
}

function changeImage(images, i) {
    if (i >= images.length)
        slideShow();

    document.querySelector('#image').style.backgroundImage = `url('./images/${images[i].src}')`;
    setTimeout(changeImage, images[i].time, images, i + 1);
}

/**
 * @function slideShow
 */
async function slideShow() {
    const url = './images.json';
    const json = await getJson(url);
    document.querySelector('#image').style.backgroundImage = `url('./images/${json.images[0].src}')`;

    if (json.images.length > 1)
        setTimeout(changeImage, json.images[0].time, json.images, 1);
    else
        setTimeout(slideShow, json.images[0].time);
}

document.addEventListener('DOMContentLoaded', slideShow);

Onko koodissa jotain häikkää? Voin liittää HTML:n ja CSS:n jos haluatte. Kummallista, että näkyy vain tietyllä näytöllä. Eli luulisi näytössä ja RPi:n välillä olevan jotain vikaa. Samoin artefaktit näkyvät kuvissa satunnaisesti. Ajan tätä siis Chromiumissa.