IMG sprengt kurzzeitig DIV

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Kaloschke

Neues Mitglied
5 November 2020
1
0
1
30
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.

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