『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 1506|回复: 6

[技术讨论] 关于HA的背景图

[复制链接]

2

主题

125

帖子

879

积分

高级会员

Rank: 4

积分
879
金钱
754
HASS币
0
发表于 2024-4-23 16:55:05 | 显示全部楼层 |阅读模式
使用固定图非常简单
background: center / cover no-repeat url('/local/ui/bj/3.jpg') fixed




但如果想按照条件自动更换则一直没有生效,不太理解这种写法系统无法识别还是咋回事





在MARKDOWN中可以正常转换
background: >-
   {% if is_state('sun.sun', 'above_horizon') and now().hour < 12 %}
   center / cover url('/local/ui/bj/1.jpg')
   {% elif is_state('sun.sun', 'above_horizon') and now().hour < 18 %}
   center / cover url('/local/ui/bj/2.jpg')
   {% else %}
   center / cover url('/local/ui/bj/3.jpg')
   {% endif %}



markdown正常计算

markdown正常计算

设置背景无法正常显示

设置背景无法正常显示
回复

使用道具 举报

21

主题

173

帖子

2283

积分

金牌会员

Rank: 6Rank: 6

积分
2283
金钱
2110
HASS币
20
发表于 2024-4-23 17:23:38 | 显示全部楼层
background不支持template,需要自动更换页面,需要使用animated_background.js插件
回复

使用道具 举报

2

主题

125

帖子

879

积分

高级会员

Rank: 4

积分
879
金钱
754
HASS币
0
 楼主| 发表于 2024-4-23 17:36:14 | 显示全部楼层
flyice 发表于 2024-4-23 17:23
background不支持template,需要自动更换页面,需要使用animated_background.js插件

感谢回复,animated_background这个插件我在手动安装后也无法使用,可以指点一下是哪里没设置对吗
4.png
5.png
6.png
回复

使用道具 举报

21

主题

173

帖子

2283

积分

金牌会员

Rank: 6Rank: 6

积分
2283
金钱
2110
HASS币
20
发表于 2024-4-23 17:48:51 | 显示全部楼层
明明洋洋 发表于 2024-4-23 17:36
感谢回复,animated_background这个插件我在手动安装后也无法使用,可以指点一下是哪里没设置对吗 ...

使用这个

animated-background.rar

4.58 KB, 下载次数: 19

回复

使用道具 举报

2

主题

125

帖子

879

积分

高级会员

Rank: 4

积分
879
金钱
754
HASS币
0
 楼主| 发表于 2024-4-23 18:34:16 | 显示全部楼层

我使用这个替换后还是没有背景,你看我上面的截图,是不是少了哪一步呢
回复

使用道具 举报

21

主题

173

帖子

2283

积分

金牌会员

Rank: 6Rank: 6

积分
2283
金钱
2110
HASS币
20
发表于 2024-4-23 19:16:49 | 显示全部楼层
明明洋洋 发表于 2024-4-23 18:34
我使用这个替换后还是没有背景,你看我上面的截图,是不是少了哪一步呢 ...

不知道,但是我的js文件是百分比有效的
回复

使用道具 举报

2

主题

125

帖子

879

积分

高级会员

Rank: 4

积分
879
金钱
754
HASS币
0
 楼主| 发表于 2024-6-28 09:44:27 | 显示全部楼层
原本的想法是通过天气或者时间自动调整背景图,但是可能由于无法支持这种格式,所以放弃了.目前使用的是通过时间自动变色的形式,非常完美 https://bbs.hassbian.com/thread-25894-1-1.html
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-21 19:47 , Processed in 2.025970 second(s), 31 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表