- Liittynyt
- 02.11.2016
- Viestejä
- 1 239
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ä.
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.
JavaScript:
/**
* @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.