Hallo,
in einem Grid-Element befindet sich ein Image, welches über eine URL sekündlich aktualisiert wird.
Dabei kommt es manchmal zu einem Flackern, bei dem die Größe des Grid-Elements kurzzeitig vergrößert wird.
Das ist natürlich sehr unschön.
Ich hoffe, ich kann mein Problem verständlich formulieren.
Das Ganze gehört zu einem Habpanel unter Openhab. Es hängt da noch Angular-JS mit drin -> ng-init usw.
Hoffe auf einen Tipp.
Viele Grüße
in einem Grid-Element befindet sich ein Image, welches über eine URL sekündlich aktualisiert wird.
Dabei kommt es manchmal zu einem Flackern, bei dem die Größe des Grid-Elements kurzzeitig vergrößert wird.
Das ist natürlich sehr unschön.
Ich hoffe, ich kann mein Problem verständlich formulieren.
HTML:
<div class="c-mycontainer">
<div class="ca1">
<div ng-init="model1 = { 'url':'http://192.168.2.113/b9236ed11d3221fa1f47ae17448a9819/live/snapshot_720.jpg', 'refresh': 1 }">
<widget-image ng-model="model1" />
</div>
</div>
Das Ganze gehört zu einem Habpanel unter Openhab. Es hängt da noch Angular-JS mit drin -> ng-init usw.
CSS:
.c-mycontainer {
grid-column: cameras-start / cameras-end;
grid-row: cameras-start / cameras-end;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 50px 1fr 50px 1fr 50px 1fr 50px;
}
.ca1 {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
Hoffe auf einen Tipp.
Viele Grüße