Flat Responsive nicht ganz responsive?

lmebe1

Liebes Zeta Team

Ich verwende folgendes Script, um das Bild einer Webcam zu aktualisieren.

<p><script language="javascript" type="text/javascript">function ChangeMedia(){var a=new Date();var b=a.getTime();document.getElementById("walenbach").src="http://www.meis.li/cams/ps1.jpg?%22+b%7Dvar reloadcam=setInterval("ChangeMedia()",5000);</script><img id="walenbach" name="walenbach" alt="laden..." src=""> </p>

Dieses Webcam-Bild wird im Layout "Flat responsive" nicht der Seitenbreite angepasst.

Im Layout locus responsive verhält es sich aber responsive.

Mache ich etwas falsch?

Freundliche Grüsse

Bernie

Stefan S

Da müssten wir den Code online sehen, sonst lässt sich das nicht beurteilen, da wir hier nicht sehen können, wie Sie den Code genau im Projekt eingefügt haben…

lmebe1

Die provisorische Seite mit dem eingebauten Code finden Sie hier:

http://www.walenba.ch

Zum Einfügen des Codes erstelle ich einen Text-Artikel, klicke dort auf den html-Knopf und füge den Code ein.

Seltsamerweise funktioniert alles bestens, wenn ich das Layout "locus responsiv" wähle.

Freundliche Grüsse

Stefan S

Also das funktioniert bei mir auf der aktuellen Seite, die ja das Layout "Flat Responsive" nutzt auch. Alle 2 Sekunden wird das Bild aktualisiert.

Den Intervall würde ich aber etwas erhöhen (wieder von 2000 auf 5000 ändern), denn es scheint, dass Ihre Webcam mit der schnellen Aktualisierung nicht mitkommt…

Ggf mal den Browser-Cache löschen?

lmebe1

Seltsam, bei mir wird auf dem Handybildschirm nicht das ganze Bild angezeigt. Es wird beschnitten, nicht verkleinert. In Edge und Chrome das selbe Problem, wenn ich das Browserfenster schmal mache. Veröffentliche ich die Seite mit einem anderen responsiven Layout, funktioniert das aber. Woran könnte das liegen?

Freundliche Grüsse

Stefan S

Ah, sorry. Mißverständnis. Das können Sie einfach beheben, in dem Sie dem Bild in Ihrem Quellcode eine Klasse singleImage zuweisen. Das sollte sich auch in anderen Layouts nicht nachteilig auswirken. Hier Ihr Quellcode wie er modifiziert eingefügt werden müsste:

HTML

<script>
    function ChangeMedia(){
        var a=new Date();
        var b=a.getTime();
        document.getElementById("walenbach").src="http://www.meis.li/cams/ps1.jpg?"+b;
    }
    var reloadcam=setInterval("ChangeMedia()",5000);
</script>
<img id="walenbach" name="walenbach" class="singleImage" alt="laden..." src="http://www.meis.li/cams/ps1.jpg?1505208017065">

lmebe1

Perfekt. Vielen Dank für die schnelle Hilfe.

Freundliche Grüsse

jjonline

Stefan S Hallo Herr Seiz,

was den von Ihnen hier genannten Quellcode angeht, habe ich eine grundsätzliche Frage:

Wenn ein Update für den ZP erfolgt oder man auf die nächste Version des ZP wechselt, bleibt dann der Quellcode beibehalten oder muss er erneut manuell eingepflegt werden bzw. kann es zu Problemen führen?

Stefan S

Der Code bleibt erhalten. Ggf. wird er sogar aktualisiert, sofern notwendig.

jjonline

Klasse! Danke Herr Seiz!

Flat Responsive nicht ganz responsive?

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?