Neues YouTube-Video: Visualisierung im Devices-Adapter

[bahnuhr]

Guten Morgen,

in dashui habe ich die cams/webcam wie folgt angezeigt.

widget: hqwidgets ipcamera

camera url: http://…jpg

background: url("http://192.168.xxx.xx:8080/dashui/widge ... signal.jpg")

Mit wurde also das Bild "nosignal" angezeigt, wenn die camera url nicht erreichbar war.

Hat gut funktioniert.

Nun in iobroker.

Das o.g. widget gibt es nicht mehr.

Darum versuch mit anderen: basic-Image, html dialog und andere

Als background habe ich probiert (das Bild liegt in "/vis/img/nosignal.jpg")

http://192.168.243.53:8082/vis/img/nosignal.jpg

/vis/img/nosignal.jpg

url("http://192.168.243.53:8080/vis/img/nosignal.jpg")

url("http://192.168.243.53:8080/ioBroker/iob ... signal.jpg")

Es klappt nicht.

Frage:

Wie bekomme ich das background bild angezeigt wenn die eigentliche Quelle nicht erreichbar ist ?

mfg

Dieter

[pix]

Hallo Dieter,

du kannst dem Widget, das das Kamerabild zeigt (zB iframe-Widget oder Camera-Widgets), eine CSS-Klasse zuweisen.

Im VIS Reiter Widget: w00xxxx, Bereich Generell, Feld CSS Klasse schreibst du zB nosignal ohne Punkt davor. Das kannst du mit beliebig vielen Widgets machen.

Dann im Nachbarreiter CSS (Projekt) fügst du diesen Code ein:

.nosignal {
    background: url(/vis.0/iPad/img/webcam-offline.jpg); 

}
````Den Pfad zum Bild musst du anpassen.

Das wars. Jetzt wird dem Widget dieses Bild als Hintergrund verpasst. Wenn aber im Vordergrund ein Kamerabild geladen wird, dann sieht man den Hintergrund ja nicht.

Das ist sicher die elegantere Variante, als die Standardmöglichkeit: Zwei Widgets übereinanderlegen (z-Index).

Gruß

Pix

[bahnuhr]

Klappt super.

Danke schön.

mfg

Dieter

[bahnuhr]

Hallo pix,

besteht mit diesem css auch die Möglichkeit etwas zu basteln damit der Dialog z.b. nach 10 Sekunden zu geht.

Also, z.B.

Dialog wird per klick auf das Sysbol geöffnet.

cam bild wird angezeigt.

dialog schließt sich automatisch nach x sekunden.

mfg

Dieter