iframe Anpassung für Kamerabild

[kaptainlu]

Hallo zusammen,

ich lasse mir derzeit das Bild meiner Überwachungskamera anzeigen. Habe jedoch das Problem, dass mir das Bild nur als Ausschnitt und nicht als verkleinerte Version angezeigt wird.

Eingebunden habe ich es folgendermaßen:

<li data-row="1" data-col="1" data-sizex="9" data-sizey="4">

                <div class="sheet">
                <div class="row">
                    <div class="cell">
                      <div data-type="clock" class="gigantic darker" style="color:yellow"></div>
                      <br>
                      <div data-type="clock" data-format="d.m.Y" class="great darker"></div>
                     </div>
                     <div class="sheet">
                     <div class="row">
                       <div class="cell">
                     <iframe src="http://xxx.xxx:XXX..XX/mjpegstream.cgi?-chn=11&-usr=XXXX&-pwd=XXXXX" style="width:95%;height:95%;" scrolling="yes" marginwidth="300px" marginheight="300px" frameborder="0"></iframe>
</div>



                </div>
            </div>
        </li>

Egal was ich bei marginwidth und marginheight eintrage, der Ausschnitt ändert sich nicht...
Eine Idee wie ich das hinbekomme?
Bin leider in HTML nicht so fit.

Danke

[Adimarantis]

Ich hab das mit ftui-image gemacht

Code Auswählen Erweitern

<ftui-image src="http://x.x.x.x:3334/tempfs/auto.jpg" nocache interval="5" style="width:100%; height:100%;"></ftui-image>

Das skaliert eigentlich immer schön auf die Größe vom ftui-tile drum herum.

Ich habe jetzt das Problem dass ich gerne nur einen Ausschnitt hätte (also wenn das Bild z.B. 1000x1000 pixel hat, würde ich gerne von x,y=200,200 mit width,height=400,400 einen Zoom eines Ausschnitts haben.

Edit: Ich verwende natürlich FTUI3
Edit2: Gerade nochmal nachgeschaut - unter FTUI2 hatte ich das mit img gelöst:

Code Auswählen Erweitern

<img id="img2" width="500" height="312" src="http://x.x.x.x:3334/tempfs/auto.jpg">
Das hat eigentlich funktioniert.