[gelöst]Text durch Bild ersetzen

[msfox]

Ich habe einen Floorplan mit einen Slider.
Durch

Code Auswählen Erweitern


attr HMW_LC_Bl1_DR_NEQ1415842_03 webCmd down:level:up

konnte ich vor unter hinter dem Slider ein Text darstellen, mit dem ich den "Down" (0) bzw. "Up" (100) direkt absetzen kann.
Leider steht im Floorplan da jetzt nur der Text "DOWN" und "UP". Ich hätte aber gern ein Bild dazu oder wenigstens einen Hintergrund.

Wenn ich in der css-Datei

Code Auswählen Erweitern


      .devicecommands {font-size:30px; text-align:center;
         background-image:url(/fhem/icons/lcars/box.svg);}

ergänze, so wird der Hintergrund auch beim Slider dargestellt. Da dieser auch als class="devicecommands" definiert ist.
Ein separate class für die einzelen "webcmd" gibt es nicht.

Für Java-Script hätte ich schon einen Idee -> <a>down</a> suchen und "down" durch <img> ersetzen. Hier muss aber das Java-Script einmal durch die ganze Page.

Gibt es eine elegantere Möglichkeit?

Danke

[msfox]

Hier: https://wiki.fhem.de/wiki/Slider_f%C3%BCr_HM-Rollladensteuerung_anzeigen werden auch Icons getausch, aber nur für den "state".

Gibt es neben

Code Auswählen Erweitern


attr <Gerätename> devStateIcon 0%:up 100%:down

auch sowas wie "devCmdIcon"?

[msfox]

Neben dem down.svg braucht man auch noch das Mapping in der fhem.cfg.

Code Auswählen Erweitern


attr HMW_LC_Bl1_DR_NEQ1415842_03 cmdIcon down:down up:up


dann klappts.