Trouble with - dynamic value for an entity card

Configuration Frontend
1

I am trying to dynamically change the entity: value for a picture-entity card, ,based on the value of another entity, I just get “No image source configured”

Here is what I have tried:

show_state: false
show_name: true
camera_view: auto
fit_mode: cover
type: picture-entity
entity: |-
  {% if is_state('select.saros_10_selected_map','ground') %}
    image.saros_10_ground
  {% elif is_state('select.saros_10_selected_map','1st') %}
    image.saros_10_1st
  {% elif is_state('select.saros_10_selected_map','2nd') %}
    image.saros_10_2nd
  {% else %}
    image.saros_10_ground
  {% endif %}

also

show_state: false
show_name: false
camera_view: auto
fit_mode: cover
type: picture-entity
entity: |-
  if:
   - condition: state
     entity_id: select.saros_10_selected_map
     state: "1st"
  then: [image.saros_10_1st]
  else: [image.saros_10_ground]

also

show_state: false
show_name: false
camera_view: auto
fit_mode: cover
type: picture-entity
entity: |-
  conditions:
   - condition: state
     entity_id: select.saros_10_selected_map
     state: "2nd"
     image.saros_10_2nd
   - condition: state
     entity_id: select.saros_10_selected_map
     state: "1st"
     image.saros_10_1st
   - condition: state
     entity_id: select.saros_10_selected_map
     state: "ground"
     image.saros_10_ground
2

don’t know how to fix it exactly, but alternatively you create 3 cards and set a condition on the visibility.

visibility:
  - condition: state
    entity: select.saros_10_selected_map
    state: ground
3

How do I create 3 cards in the same location?

Tried using

cards:
  - entities: null
    entity: image.saros_10_ground
    visibility:
      - condition: state
        entity: select.saros_10_selected_map
        state: ground
  - entities: null
    entity: image.saros_10_1st
    visibility:
      - condition: state
        entity: select.saros_10_selected_map
        state: 1st
  - entities: null
    entity: image.saros_10_2nd
    visibility:
      - condition: state
        entity: select.saros_10_selected_map
        state: 2nd

it just says “cards: is not expected or supported” and “entity must be specified”

4

Solved it !

type: vertical-stack
cards:
  - show_state: false
    show_name: false
    camera_view: auto
    fit_mode: cover
    type: picture-entity
    entity: image.saros_10_ground
    visibility:
      - condition: state
        entity: select.saros_10_selected_map
        state: ground
  - type: picture-entity
    entity: image.saros_10_1st
    visibility:
      - condition: state
        entity: select.saros_10_selected_map
        state: 1st
  - type: picture-entity
    entity: image.saros_10_2nd
    visibility:
      - condition: state
        entity: select.saros_10_selected_map
        state: 2nd
5

Ha caught me to it, glad you figured it out!
Note that you have mixed configuration though, you have

show_state: false
show_name: false
camera_view: auto
fit_mode: cover

On the first card, but not the others.