Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Bild mit Viewwechsel bzw. variable toggeln

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.0k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.0k

Bild mit Viewwechsel bzw. variable toggeln

Bild mit Viewwechsel bzw. variable toggeln

Scheduled Pinned Locked Moved Visualisierung
3 Posts 2 Posters 1.4k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • Mr. BurnsM Offline
    Mr. BurnsM Offline
    Mr. Burns
    wrote on last edited by
    #1

    Moin Moin,

    Ich versuch gerade ein Bild (image) mit einer aktion zu belegen. Bedeutet, bei Klick bzw. berühren des Bildes soll ein Viewwechsel stattfinden bzw. eine variable getoggelt (wert gewechselt) werden.

    Konkret möchte ich dies für mein Kamerabild verweden. (Vollbild)

    Ich hab es auch hinbekommen, ein Bild auf einem Button darzustellen…leider ist dies statisch (also ohne update funktion.

    ! ````
    [{"tpl":"tplJquiIconNav","data":{"visibility-cond":"==","visibility-val":1,"src":"http://192.168.XXX.XX:88/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=xxxxxx&pwd=XXXXXXXXXX","text":"","nav_view":"Uebersicht","imageHeight":"100","hide_effect":"","views":["Erdgeschoss","Haustuere","Heizung","Raumklima","Trend","Uebersicht"],"show_effect":"","locked":false,"hide_duration":"","show_duration":"","gestures-offsetX":0,"gestures-offsetY":0,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"visibility-groups-action":"hide"},"style":{"left":"0px","top":"0px","width":"1390px","height":"783px","z-index":"2","font-size":"medium","font-weight":""},"widgetSet":"jqui"}]

    Jemand einen Tip für mich?
    1 Reply Last reply
    0
    • P Offline
      P Offline
      pix
      wrote on last edited by
      #2

      Hallo,

      für einen View Wechsel brauchst du ein Navigationswidget. Es bietet sich das "HMTL navigation" Widget an, da es sich frei mit HTML-Befehlen gestalten lässt. So kannst du auch mit dem img-Tag ein Webcam Bild einbinden.

      @Mr. Burns:

      Ich versuch gerade ein Bild (image) mit einer aktion zu belegen. Bedeutet, bei Klick bzw. berühren des Bildes soll ein Viewwechsel stattfinden bzw. eine variable getoggelt (wert gewechselt) werden. `
      Ich verstehe deine Formulierung "bzw." wie ein "oder". Falls du eine "und" meinst, also ein Viewechsel stattfinden soll UND eine Wert gesetzt werden soll, musst du den Umweg über eine Szene oder Javascript gehen, da mehrere Werte gesetzt werden.

      In der Szene kannst du unter true dann den gewünschten Wert beim gewünschten Datenpunkt eintragen. Der Viewwechsel erfolgt dann über die Datenpunkte````
      vis.0.control.instance
      vis.0.control.data
      vis.0.control.command

      guck mal hier: [http://forum.iobroker.net/viewtopic.php … 069#p73671](http://forum.iobroker.net/viewtopic.php?f=21&t=7069#p73671)
      
      Und zeitversetzt sollte der Wert wieder zurückgesetzt werden.
      
      Wenn du diesen Umweg gehst, ist natürlich kein "HMTL navigation" Widget das richtige Widget, sondern das "HTML State" Widget.
      
      Gruß
      
      Pix

      ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

      1 Reply Last reply
      0
      • Mr. BurnsM Offline
        Mr. BurnsM Offline
        Mr. Burns
        wrote on last edited by
        #3

        Hi Pix,

        ich brauche "oder"…ich hab ein view in welchem ein Bild überlagert ein bzw. ausgeblendet wird, da soll mit Klick auf das Bild eine variable getoggelt werden.

        Auf einem anderem Bild soll er zurück zum ursprünglichem view (wenn man drauf drückt).

        Hab das mit dem HTML navigation ausprobiert. Das Bild wird dargestellt, navigation funktioniert auch.

        Aber wie überrede ich das widget sich alle 750ms zu aktualisieren? soll sich ja bewegen das Bild (Kamera vor der Haustüre).

        1 Reply Last reply
        0
        Reply
        • Reply as topic
        Log in to reply
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes


        Support us

        ioBroker
        Community Adapters
        Donate

        604

        Online

        32.4k

        Users

        81.3k

        Topics

        1.3m

        Posts
        Community
        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
        ioBroker Community 2014-2025
        logo
        • Login

        • Don't have an account? Register

        • Login or register to search.
        • First post
          Last post
        0
        • Recent
        • Tags
        • Unread 0
        • Categories
        • Unreplied
        • Popular
        • GitHub
        • Docu
        • Hilfe