FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Michi240281 am 14 Mai 2016, 15:41:00

Titel: [GELÖST] Kamerabild bei Klick größer darstellen?
Beitrag von: Michi240281 am 14 Mai 2016, 15:41:00
Hallo zusammen,

folgendermaßen binde ich den LIVE-Stream meiner Vivotek-Kamera ein:

<li data-row="5" data-col="2" data-sizex="4" data-sizey="2">
        <header>KAMERA_HAUSEINGANG</header>
<div data-type="image" data-size="100%" data-url="http://192.168.188.245:8080/video2.mjpg"></div>
</li>


Ich hätte nun gerne, dass dieses Bild bzw. ein anderer Stream der Kamera (höhere Auflösung) bei Klick auf dieses Bild (zur Not über extra Button) quasi als PopUp angezeigt wird. Beim Klicken auf dieses größere Bild soll es wieder verschwinden.

Wie mache ich als FTUI-Anfänger das?

Besten Dank für Eure Tipps!
Titel: Antw:[GELÖST] Kamerabild bei Klick größer darstellen?
Beitrag von: Michi240281 am 18 Mai 2016, 18:01:39
So, damit der thread hier nicht ohne Lösung endet, mein Code, der so funktioniert!

<div data-type="popup" data-height="660px" data-width="1100px">
        <img style="width:493px;height:227px" src="http://192.168.188.245:8080/video2.mjpg" ></img>
  <div class="dialog">
      <header>KAMERA_HAUSEINGANG</header>
     <div class="container">
<div data-type="image" data-size="100%" data-url="http://192.168.188.245:8080/video.mjpg"></div>
  </div>
  </div>
</div>


Viel Spaß damit!