● HA작업) type: picture-elements 에서 카메라뷰 와 image icon 표시 또는 image 으로 표시방법

●  HA작업) type: picture-elements 에서 카메라뷰 와 icon의  표시방법 

 type: picture-elements 에서 카메라 뷰 와 icon의  표시방법 

동작> 카메라 뷰 와 아이콘 클릭시 카메라 뷰 나옴

- icon 클릭시 카메라 뷰

type: picture-elements
wallpanel:
  enabled: true
  hide_toolbar: true
  hide_sidebar: true
  fullscreen: true
image: /local/image/605_1-2ho_1024_600.png
elements:
  - type: image
     name: 현관 카메라 뷰
    camera_image: camera.amcrest_camera_amcrest_camera_2
    camera_view: live
    show_state: true
    style:
      top: 5%
      left: 38%
      width: 10%
      height: 10%
  - type: state-icon
    name: 현관 카메라
    entity: camera.amcrest_camera_amcrest_camera_2
    icon: mdi:cctv
    camera_view: live
    show_state: true
    state_image: null
    state_color: true
    style:
      top: 11%
      left: 34%
      width: 39px
      height: 39px
      line-height: 33px
      transform: scale(0.8,0.8)
      border-radius: 46%
      background-color: rgba(255,225,255)
      text-align: center
      '--mdc-icon-size': 31px
      '--paper-item-icon-color': green
  - type: image
    name: TV
    entity: switch.tv
    tap_action:
      action: toggle
      state_image: null
    image: /local/imagestv.png
    state_image:
      'on': /local/imagestv_on1.png
    style:
      top: 81%
      left: 66%
      width: 40px
      height: 40px

☞ https://11q.kr 에 등록된 자료 입니다. ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다♠