Hallo zusammen,
nach fast einer Stunde Suche habe ich mich entschlossen ich frage einfach...
Folgende Problemstellung:
Ich habe eine einfache Seite gebaut, von der aus ich unterwegs die Außenbeleuchtung anschalten und das Hoftor öffnen kann. Dabei möchte ich mir einen aktuellen Screenshot von meiner IPCAM anzeigen lassen, weil meine Nachbar so parken, daß ich mich je nachdem vorher entscheiden möchte, von welcher Straßenseite ich mein Tor anfahre :)
<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="4" data-sizey="2">
<header>Licht</header>
<div class="sheet">
<div class="row">
<div class="cell">
<div data-type="push" data-device="HofLicht" data-icon="fa-lightbulb-o"></div>
<div data-type="label" class="darker bottom-space">HofLicht</div>
</div>
</div>
</div>
</li>
<li data-row="3" data-col="1" data-sizex="4" data-sizey="2">
<header>Tor</header>
<div class="sheet">
<div class="row">
<div class="cell">
<div data-type="push" data-device="HofTorAufZu" data-icon="fa-lightbulb-o"></div>
<div data-type="label" class="darker bottom-space">HofTorAufZu</div>
</div>
</div>
</div>
</li>
<li data-row="5" data-col="1" data-sizex="4" data-sizey="6">
<header>Bild</header>
<div class="sheet">
<div class="row">
<div class="cell">
<img style="transform: rotate(270deg);" src="img/Heimdall/Heimdall_snapshot.jpg" height="240" width="320"></img>
</div>
</div>
</div>
</li>
</ul>
</div>
</body>
Das geht auch alles, aber ich hätte natürlich gerne
a) daß der Screenshot aktualisiert wird, wenn ich die Seite aufrufe (also ein get IPCAM image an fhem geschickt wird, ohne daß ich einen Knopf drücke)
b) daß der Screenshot aktualisiert wird, wenn ich auf das Bild klicke (derzeit mit IMG Tag eingebunden, weil ich es um 270° gedreht haben möchte)
Wie kann ich das beides anstellen? Auf das Drehen könnte ich noch evtl. verzichten, wäre aber besser, wenn der relevante Bildausschnitt oben wäre und nicht an der Seite.
Vor allem a) macht mir Kopfzerbrechen, weil ich das Gefühl habe, daß das etwas ganz einfaches sein muß und ich zu doof bin es zu finden...
Vielen Dank schonmal vorab!
doc.