Post #1049982
2026-03-28 22:32 UTC
Replies (1)
-
@ix@mstdn.wirres.net 2026-03-29 05:57
@IngoHenning@fnordon.de die metabene bilder baue ich mir auf einer html-seite selbst zusammen, damit sie im verhältnis 800 × 480 px einen weissen hintergrund haben. die seite enthält einen langen image-array, aus dem bei jedem reload ein bild ausgewählt wird: Zufallsbild 800x480 /* Seite komplett weiß und zentriert */ body { margin: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #ffffff; overflow: hidden; } /* Der feste Viewport */ .viewport { width: 800px; height: 480px; background-color: #ffffff; display: flex; justify-content: center; align-items: center; } /* Bild-Styling */ #display-image { max-width: 100%; max-height: 100%; object-fit: contain; /* Verhindert kurzes Aufblitzen eines leeren Rahmens */ visibility: hidden; } const images = [ "https://cdn.prod.website-files.com/6504334c6af52742d08b4cb4/69a6a2e68b68f2cb1535473f_26-11-voegel-streiten.jpg", "https://cdn.prod.website-files.com/6504334c6af52742d08b4cb4/696784c68841edf99d5eef07_26-006-pinguin-anmeinerstelle.jpg" ]; const imgElement = document.getElementById('display-image'); // 1. Zufälligen Index auswählen const randomIndex = Math.floor(Math.random() * images.length); // 2. Bildquelle setzen imgElement.src = images[randomIndex]; // 3. Erst anzeigen, wenn das Bild geladen ist (vermeidet weißes Flackern) imgElement.onload = function() { imgElement.style.visibility = 'visible'; }; diese seite lese ich mit dem grandiosen trmnl home assisant screenshot tool, das ja auch einfache webseiten screenshoten kann. die screenshots werden um mitternacht gemacht und per webhook an den webhook-plugin gesendet. der spielt das bild zwar theoretich stündlich auf’s trmnl ein, aber vielleicht ist trmnl auch klug genug das nur einmal täglich zu machen.