Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[LJSven]

Hallo, ich möchte gern meine Sonnstandsanzeige optimieren in dem ich mir immer das aktuelle png vom DAS WETTER Adapter aneigen lasse. Das ist die Zeile um der es geht: ->

setState("javascript.0.Sonnenstand.HTML",'<img src="https://www.myseoapp.de/images/10_sun.png" height="50" width="50" style="float: left; margin: '+ y.toFixed() +'px 0px 0px '+x.toFixed()+'px;" >');

Mach ich das so, wird das Bild nicht angezeigt:

setState("javascript.0.Sonnenstand.HTML",'<img src={daswetter.0.NextHours.Location_1.Day_1.current.iconURL} height="50" width="50" style="float: left; margin: '+ y.toFixed() +'px 0px 0px '+x.toFixed()+'px;" >');

Trage ich den Inhalt Link vom Adapter ein, wird auch das Bild angezeigt.

[setState("javascript.0.Sonnenstand.HTML",'<img src="/adapter/daswetter/icons/tiempo-weather/galeria1/2.png" height="50" width="50" style="float: left; margin: '+ y.toFixed() +'px 0px 0px '+x.toFixed()+'px;" >');](Link Adresse)

Was mache ich falsch?

[SBorg]

@LJSven sagte in VIS binding / img src:

src={daswetter.0.NextHours.Location_1.Day_1.current.iconURL}

Zumindest hast du beim Binding keine "" für das img-Tag.

...<img src="{daswetter.0.NextHours.Location_1.Day_1.current.iconURL}"...

[LJSven]

@SBorg Funktioniert auch nicht mit Anführungszeichen.

[gcg67]

Das Binding enthält nur den Dateinamen, in Deinem Fall "2.png" den Pfad davor müsstest Du mit angeben /adapter/daswetter/icons/tiempo-weather/galeria1/{daswetter.0.NextHours.Location_1.Day_1.current.iconURL}

[LJSven]

@gcg67 sagte in VIS binding / img src:

Das Binding enthält nur den Dateinamen, in Deinem Fall "2.png" den Pfad davor müsstest Du mit angeben /adapter/daswetter/icons/tiempo-weather/galeria1/{daswetter.0.NextHours.Location_1.Day_1.current.iconURL}

Bist du dir sicher? Habe es probiert, aber ohne Erfolg. Bei mir steht aber auch der Pfad im Value Feld

[gcg67]

sorry hast recht ist bei mir auch so, als Browser Url funktioniert es so (basic html)

 src="{daswetter.0.NextDays.Location_1.Day_2.iconURL}" 

bei mir nur mit dem Binding nur in der VIS App bekomme ich es auch nicht hin.

[SBorg]

Ich habe es überlesen da der Thread "VIS binding" heißt, aber ein setState in einem VIS-Binding? Versuchst du nicht ev. per Javascript ein Binding zu erreichen? Das kann nicht funktionieren ;)

Da müsste es schon so lauten:

setState("javascript.0.Sonnenstand.HTML",'<img src="'+getState("daswetter.0.NextHours.Location_1.Day_1.current.iconURL").val+'" height="50" width="50" style="float: left; margin: '+ y.toFixed() +'px 0px 0px '+x.toFixed()+'px;" >');

[LJSven]

@SBorg sagte in VIS binding / img src:

setState("javascript.0.Sonnenstand.HTML",'<img src="'+getState("daswetter.0.NextHours.Location_1.Day_1.current.iconURL").val+'" height="50" width="50" style="float: left; margin: '+ y.toFixed() +'px 0px 0px '+x.toFixed()+'px;" >');

Habe mich wohl falsch ausgedrückt - so geht es! Danke @SBorg

[gcg67]

also ich habs jetzt hinbekommen bei mir in der VIS App, gewissermaßen dank Dir.
hatte das mit dem Pfad in dem Objekt irgendwie nicht beachtet, war der Meinung das dort immer nur die Datei stand.
Bei mir funktioniert das jetzt so:

...
<td colspan="2" rowspan="4"><img width="60%" src="http://meineURL.de:8582/{daswetter.0.NextDays.Location_1.Day_1.iconURL}" 
...

[RalfEngelberth]

@gcg67

Hallo,
ist das die Lösung für die fehlenden Ikon in der APP?
Wo gebe ich diesen Code ein?
<td colspan="2" rowspan="4"><img width="60%" src="http://meineURL.de:8582/{daswetter.0.NextDays.Location_1.Day_1.iconURL}"

In meinem dasWetter habe ich noch andere Icon, muss ich diese auch definieren?