Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[MCU]

@hotspot_2 Da ich den Support seit einigen Jahren alleine mache, glaube ich nicht, dass Du über diesen Kanal eine Antwort bekommst. Wenn überhaupt, dann über github.

[git2206]

hallo,

wollte mal wissen, ob man in der V3.2.x im CSS eine variable verwenden kann?
...eigentlich glaube ich einen weg gefunden zu haben, wie man eine variable im CSS verwendet - mein problem ist eher diese variable zu befüllen...
Oder wie man anstatt einer variable direkt ein iobroker objekt (string) ansprechen kann? (falls das überhaupt geht)

Hintergrund: ich würde gerne mein hintergrundbild automatisch ändern ... zB 1x täglich oder 1x stündlich...

vielen dank!

[MCU]

@git2206 Zeig mal das vorhandene CSS für Dein Hintergrund.

[git2206]

so ist mein derzeite CSS - diese funtkioniert auch..
.jarvis-page-container {
background-image: url("https://images.hdqwalls.com/download/crystal-clear-alpine-lake-mirror-reflection-z4-1152x864.jpg") !important;
}

... und so hätte ich es dann versucht mit einer variable...
.jarvis-page-container {
/* Wir nutzen die Variable, die das Gerät oben setzt */
background-image: url(var(--custom-bg)) !important;
background-size: cover !important;
background-position: center !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
transition: background-image 1s ease-in-out;
}

[git2206]

die variable custom-bg wollte ich über ein jarvis datenpunkt eigenschaften befüllen...
{
"default": {
"--custom-bg": "val"
}
}

keine ahnung ob das so funktionieren würde :)

[MCU]

@git2206 Hast du PRO?

[git2206]

ja habe ich

[MCU]

@git2206 In scripts dies hinzufügen

const DP_BG = '0_userdata.0.jarvis.backgroundImage';
const CSS_VAR = '--custom-bg';

function setBackgroundImage(value) {
  const rawValue = String(value || '').trim();

  const cssValue = rawValue
    ? `url('${rawValue}')`
    : 'none';

  document.documentElement.style.setProperty(CSS_VAR, cssValue);
}

window.Socket.getState(DP_BG, ({ err, state }) => {
  if (!err) {
    setBackgroundImage(state.val);
  }
});

window.Socket.subscribeState(DP_BG, ({ err, state }) => {
  if (!err) {
    setBackgroundImage(state.val);
  }
});

[git2206]

ok, danke...
die variable wird jetzt übergeben...
leider geht es noch nicht ... hintergrund bleibt schwarz...
wenn ich einen test mache mit:
.jarvis-page-container::before {
content: "Variable custom-bg: " var(--custom-bg, "NICHT GESETZT");
position: fixed;
top: 50px;
left: 10px;
background: rgba(0, 0, 0, 0.8);
color: #00ff00;
padding: 10px;
z-index: 10000;
font-family: monospace;
border: 2px solid #00ff00;
}
... dann wird ein bild angezeigt...

[git2206]

super, jetzt funktioniert es!
DANKE!!!!!