Bild blinken lassen? Wenn ja wie?

Kann ich bei Home Assistant eine Bild, was bei einer Bedingungskarte ausgelöst wird, blinken lassen? Wenn ja wie?

Hat denn keiner eine Idee, wie das Blinken einer Bedingungskarte gehen kann?

Moin, keine Ahnung ob es das ist, was du suchst aber ich hatte früher Blinkende symbol wenn Türen auf gewesen sind (nutze es aber nicht mehr)
Vielleicht hilft es dir weiter. Gruß

color_type: card
entity: binary_sensor.tur_hintereingang
name: Intruder Alert
styles:
  custom_fields:
    notification:
      - color: |
          [[[
            if (states['sensor.tur_hintereingang_batterie'].state > 15)
              return "";
            return "red";
          ]]]
      - border-radius: 50%
      - position: absolute
      - left: 2%
      - top: 24%
      - height: 40px
      - width: 40px
      - font-size: 12px
      - line-height: 40px
    notification2:
      - color: |
          [[[
            if (states['sensor.tur_hintereingang_device_temperatur'].state < 25)
              return "";
            return "red";
          ]]]
      - border-radius: 50%
      - position: absolute
      - left: 3%
      - top: 2%
      - height: 40px
      - width: 50px
      - font-size: 12px
      - line-height: 40px
custom_fields:
  notification: |
    [[[       return `<ha-icon
        icon="mdi:battery"
        style="width: 12px; height: 12px; color: lime;">
        </ha-icon><span>${states['sensor.tur_hintereingang_batterie'].state}%</span>` ]]]
  notification2: |
    [[[       return `<ha-icon
        icon="mdi:thermometer"
        style="width: 12px; height: 12px; color: lime;">
        </ha-icon><span>${states['sensor.tur_hintereingang_device_temperatur'].state}°C</span>` ]]]
state:
  - color: auto
    icon: mdi:door-open
    name: Hintertür Offen!
    styles:
      card:
        - animation: blink 4s ease infinite
    value: 'on'
  - color: green
    icon: mdi:door
    name: Hintertür Geschlossen
    operator: default
    styles:
      card: null
type: custom:button-card

Danke.
Sieht erstmal kompliziert aus.
Ich werde versuchen, dein code für meine Zwecke anzupassen.
Erstmal brauche ich das nur für ein von meinen vielen Bedingungskacheln.
Und zwar für ein Große bedinge Anzeige, das ARAL ausgelöst wurde.
Finde ich für den Dall sinnvoll.

1 „Gefällt mir“

Ist aber nicht wirklich …:wink: oberes kode hat noch Batterie - Zustand anzeigen, habe noch ein Bild (mit kode) gefunden wo es nur um die Türen geht, Aral Symbol dürfte auch kein Problem sein. Gruß

Danke für den Vorschlag. Hatte aber irgendwie nicht geklappt,
Das die Art Blinken teilweise auch vom Browser abhängen soll, hatte ich eine neue ganz einfache Idee, die ich jetzt bei ALLEN wichtigen Bedingungskachel verwenden kann.

Ich schalte einfach einen virtuellen Schalter (über “Helfer” anlegen") in eine Automatisation alle 1 Sekunde auf an und aus.
Dieser virtuellen Schalter muss dann als zusätzliche Bedingung bei der Bedingungskachel nur dazu gegeben werden. Funktioniert immer und sehr zuverlässig in JEDEN Browser :smiley:

Hier die code für die Automation:

alias: Blinken 1s für Bedingungskarten
description: ""
trigger:
  - platform: time_pattern
    seconds: /1
condition:
  - condition: or
    conditions:
      - condition: state
        entity_id: input_boolean.alarm_wurde_ausgelost
        state: "on"
      - condition: state
        entity_id: alarm_control_panel.tur_alarm
        state: arming
      - condition: state
        entity_id: alarm_control_panel.tur_alarm
        state: pending
    enabled: true
action:
  - target:
      entity_id: input_boolean.blinken_1s
    action: input_boolean.toggle
    data: {}
mode: single

Hier der Code für eine Beispiel Bedingungskarte mit Bild, welchen im Sekunden-Rhythmus blinkt:

type: vertical-stack
cards:
  - type: conditional
    conditions:
      - condition: state
        entity: input_boolean.alarm_wurde_ausgelost
        state: 'on'
      - condition: state
        entity: input_boolean.blinken_1s
        state: 'on'
    card:
      type: picture
      image: local/Bilder/ALARM wurde ausgelöst ALARM.jpg
      tap_action:
        action: navigate
        navigation_path: /fur-breiten-pc-monitor/a
  - type: conditional
    conditions:
      - condition: state
        entity: input_boolean.alarm_wurde_ausgelost
        state: 'on'
      - condition: state
        entity: input_boolean.blinken_1s
        state: 'off'
card:
  type: picture
  image: local/Bilder/ALARM wurde ausgelöst.jpg
  tap_action:
    action: navigate
    navigation_path: /fur-breiten-pc-monitor/a

Blinken dann im Wechsel:
image
image

1 „Gefällt mir“