Bonjour à toutes et tous,
Existe-t’il une fonction qui puisse sur un click de bouton faire afficher ou masquer une image dans une carte picture-elements.
Style, j’ai bouton sur l’image générale picture-elements qui va me faire apparaitre une 2ème petite image par dessus et un autre bouton qui va pouvoir la masquer
je n’arrive pas à trouver
Attention, je ne parle pas de changer l’image du bouton
Sur le principe, je dirais:
- Un bouton qui a comme action de faire un « Toggle » d’une entitée booléenne (input_boolean).
Exemple de l’action:
tap_action:
action: call-service
service: input_boolean.toggle
service_data: {}
target:
entity_id:
- input_boolean.reveil_actif
On peut aussi mettre 2 boutons , un qui fait ‹ on › et l’autre qui fait ‹ off ›.
- Une image qui s’affiche si le input_boolean est à « on » avec un « conditional »
- type: conditional
conditions:
- entity: input_boolean.reveil_actif
state_not: off
elements:
- type: image
entity: input_boolean.reveil_actif
state_image:
'on': local/images/monimage.png
'unavailable': local/images/image_warning.png
state_filter:
'on': brightness(100%) saturate(190) hue-rotate(0deg)
'unavailable': brightness(50%) saturate(190) hue-rotate(0deg)
style:
top: 36.51%
left: 27.5%
transform: translate(-50%, -50%) scale(0.4, 0.4)
opacity: 0.8
width: 33%
Merci @FillR2 je vais potasser ça gentiment au repos lol car je débute, j’y vais doucement
Bonne journée