Hintergrundbild lädt mit Seitenaktualisierung neu

Zitat von KinoSuchti

Kann man da irgendwas machen?

Bestimmt, aber ohne einen Link zur Seite oder zumindest den Quellcode kann dir keiner helfen.

Warum musst Du denn die Seite jede Sekunde aktualisieren? Da gibt es u. U. eine bessere Lösung etwa in der Richtung, dass nur bestimmte Inhalte aktualisiert werden.

Ich erinnere mich, das war diese Sache wo Variablen von einer SPS eingefügt wurden. Worauf ich hinaus wollte ist, die betr. Abschnitte mit Ajax zu aktualisieren, dann würde der Rest der Seite nicht neu geladen und das Flackern/Blitzen unterbleibt. Ich nehme an, die Seite wird mit einem normalen Browser angeschaut, so dass Javascript und Ajax zur Verfügung stehen?

Ich fürchte, in dem Fall kannst Du den Pelz des Bären nicht waschen, ohne ihn nass zu machen

Gib der Tabellenzelle eine ID:

<td id="td-status"><img id="statusanzeige"></td>

Und erzeuge eine kleine HTML-Datei mit dem img-Tag:

<img src="Farbe:="PLC-Variable":.JPG"

width="18px"

height="18px"

name="Farbe"

"StatusFarbeCPU = 0"

id="StatusFarbeCPU"

alt="Farbe" >

(Weiß nicht genau, ob Du da noch irgend etwas einbinden musst, damit das mit der PLC-Variablen funktioniert.)

Dann die Tabellenzelle mit fetch einbinden:

        fetch('td-status.html')
        .then(res => {
            return res.text();
        }).then(res => {
            document.getElementById('td-status').innerHTML = res;
        });

PS: Ich habe ganz vergessen, dass Du das ja zyklisch aktualisieren musst:

    function getStatus() {
        fetch('td-status.html')
        .then(res => {
            return res.text();
        }).then(res => {
            document.getElementById('td-status').innerHTML = res;
        });
    }
    getStatus();
    setInterval(getStatus, 1000);

Schon, aber wenn Du die Bilder auf diese Weise lädst und aktualisierst, wird nicht die ganze Seite neu geladen und dann wird auch das Hintergrundbild nicht mehr flackern.

Nein, Du verstehst da etwas falsch: Das Nachladen mit fetch macht nur sinn, wenn sich das Bild ändert. Dein Hintergrundbild ist jedoch immer das selbe, daher würde ein Nachladen keinen Sinn machen.

PS: Jedenfalls wenn Du mit Hintergrundbild das aus deinem Posting #3 meinst:

body {background-image: url("cloud7.jpg"); background-position: 0% 0%; background-repeat: no-repeat; background-size: cover; margin-top:1.0cm; margin-left:0.5cm;}

Das Flackern bekommst du weg, wenn Du das/die Statusbild(er) mit fetch aktualisierst, wie früher beschrieben.

In script-Tags setzen und am Ende des Body, vor dem schließenden </body>, einfügen:

<script>
    function getStatus() {
        fetch('td-status.html')
        .then(res => {
            return res.text();
        }).then(res => {
            document.getElementById('td-status').innerHTML = res;
        });
    }
    getStatus();
    setInterval(getStatus, 1000);
</script>
</body>
</html>

Und nicht vergessen, der Tabellenzelle die ID "td-status" zu geben.