Bilder mit Variable verbinden

Wo kommt diese Variable denn her? Wird sie gleich beim Laden der Seite gesetzt oder ist sie dynamisch und kann sich jederzeit ändern?

Dann nochmals die Frage, wie die Änderung der Variable getriggert wird? Wird sie mit Ajax bzw. fetch oder XMLHttpRequest eingelesen?

Poste doch mal das vollständige Javascript, das diese Variable mit diesem Befehl einliest.

Und: Läuft dieser Webserver auf dieser S7 und liegt die Webseite auch dort?

PS: Würde das so funktionieren: var status = :=<Varname>:;

Das ist ja soweit schon mal ganz aufschlussreich. Mach mal einen ersten Schritt und teste dieses Javascript:

<script>
    var status = :="der-name-deiner-variable:";
    console.log(status);
</script>

Wirf einen Blick in die Console deines Browsers und beobachte was beim Laden der Seite dort ausgegeben wird.

Es wird in die Console ausgegeben. Du kannst sie öffnen mit F12 bei Edge oder IE bzw. Strg+Umsch+I bei den anderen.

PS: Außerdem hatte ich da ein Gänsefüßchen vergessen, so muss es aussehen:

var status = :="der-name-deiner-variable:";

Du müsstest deinen Variablennamen einsetzen. Ich sehe gerade, dass mir noch ein Fehler unterlaufen ist: Gänsefüßchen an der falschen Position. So müsste es funktionieren:

var status = :="varxyz":;

Wenn wir die Variable erst mal im Javascript drin haben, ist der Rest einfach: Ein img-Tag anlegen und abhängig vom Wert der Variablen das eine oder das andere Bild in das src-Attribut eintragen:

<img id="statusanzeige">
<script>
    var status = :="der-name-deiner-variable":;
    var statusimg = document.getElementId('statusanzeige');
    if (status == 1) {
        statusimg.src = 'bild1.png';
    } else {
        statusimg.src = 'bild0.png';
    }
</script>

Du kannst es ja schon Mal testen, indem Du zunächst statt der PLC-Variablen wieder eine 1 oder eine 0 einträgst.

Dummer Fehler von mir, die Funktion heißt document.getElementById

Als ersten Schritt kannst Du sie im img-Tag hinzu fügen:

<img id="statusanzeige" width="400" height="120">

Auf längere Sicht ist es jedoch besser, es mit CSS zu machen:

<style>
    #statusanzeige {
        width: 400px;
        height: 120px:
    }
</style>

und das dann in im head deiner HTML-Seite.