Dynamically change background image

[ggonmar]

I would like to be able to have a dynamic background that I can set based on the state of a sensor or some other element.

My intention is to use the card for showing the sun position in regards to my house (which picture I'd put in the compass card), and ideally I would have the image changing in order to show the shade moving with the sun position.

I tried unsuccessfully to apply it like such:

type: custom:compass-card
indicator_sensors:
  - sensor: sun.sun
    attribute: azimuth
    indicator:
      type: circle
    state_abbreviation:
      show: false
language: es
compass:
  north:
    offset: 110
    show: false
  circle:
    background_image: >
      {% set azimuth = state_attr('sun.sun', 'azimuth') | float %} {% if azimuth
      < 45 %}
        /local/images/home_sun/home1.png
      {% elif azimuth < 135 %}
        /local/images/home_sun/home2.png
      {% elif azimuth < 225 %}
        /local/images/home_sun/home3.png
      {% elif azimuth < 315 %}
        /local/images/home_sun/home4.png

This would be great to have!
Thank you!

[tomvanswam]

Thanks for the feature request, I'll put it on my list.

[vingerha]

Also interested, the documentation seems to indicate that dynamic is available in 'circle', it can hide the image by show: false but the dynamic style does not work based on band.
In line with above I would like to show a moon when the sun is down and another picture when sun is up
Note that I tried to use card config template but that is not stable enough on picking either the sun.sun or sensor.moon_api