Ich möchte 3 Snapshots die bei mir lokal liegen sekündlich aktualisieren. Leider scheint das nicht zu funktionieren. Wenn ich jetzt eine aktualisierte Version des Bildes dort hinlege bleibt im Browser das alte Bild noch stehen. Erst wenn ich die Seite manuell neu lade erscheint die neue Version. Hier mal mein Code:
<html>
<head>
</head>
<body>
<div class="gridster" content="1">
<ul>
<li>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="4" data-template="menu.html"></li>
<li data-row="1" data-col="2" data-sizex="7" data-sizey="6"</li>
<header><div data-type="label" class="large">IPCAM Haustür</div></header>
<div data-type="swiper" data-height="580x" data-width="900px"
class="top-space">
<ul>
<li><div data-type="image" data-url="https://192.168.178.66/snapshot_7201.jpg" data-refresh="1" data-size="80%" class="top-space"></div></li>
<li><div data-type="image" data-url="https://192.168.178.66/snapshot_7202.jpg" data-refresh="1" data-size="80%" class="top-space"></div></li>
<li><div data-type="image" data-url="https://192.168.178.66/snapshot_7203.jpg" data-refresh="1" class="top-space" </div></li>
</ul>
</div>
</li>
Momentan weiß ich nicht weiter. Vielleich kann mir einer helfen.
Danke und Gruß
</div>
</li>
</ul>
</div>
</body>
</html>
Danke für den Tipp mit "nocache" das hat beim Android Tablet mit Chrome funktioniert. Beim iPad ging es bereits ohne nocache.
Ich habe ein anderes Problem mit dem sekündlichen Refresh der Bilder: sie werden alle im Browser gespeichert!!
Das sind bei mir innerhalb eines halben Tages über 3GB, die meine Tablets verlangsamen und zum Absturz bringen.
Hat jemand eine Idee, wie man das Speichern der Bilder im Browser verhindern kann.
Gleiches Verhalten mit: iPad - Safari, Android Tab - Chrome, MacBook Chrome.
Auf dem Mac im Chrome in den Entwicklertools unter Sources kann man die gespeicherten Bilder sogar anwachsen sehen.
Man sieht das nicht im Cache und Cache leeren behebt es auch nicht. Man sieht das Problem nur im Speicherverbrauch vom Chrome im Taskmanager von Android.
Ich habe das bereits probiert im Header der index.html:
<meta http-equiv="expires" content="-1">
<meta http-equiv="pragma" content="no-cache">
Meine Bilder lade ich so:
<!-- Regenradar alle 60 Sekunden-->
<li data-row="2" data-col="6" data-sizex="3" data-sizey="3">
<div data-type="image"
data-size="100%"
data-url="http://www.niederschlagsradar.de/image.ashx?type=regioloop®io=bln&j=&m=&d=&mi=&uhr=&bliksem=0&voor=&srt=loop1stunde"
data-refresh="60"
class="nocache"
</div>
</li>
<!-- Kamera alle 2 Sekunden -->
<li data-row="6" data-col="1" data-sizex="7" data-sizey="4">
<div data-type="image"
data-size="100%"
data-url="http://192.168.100.30:88/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=xx&pwd=xx&t="
data-refresh="2"
class="nocache"
</div>
</li>
Ich habe ebenfalls auch schon iFrames probiert und dann mit dieser Zeile in der separaten html Datei meine Kamera-Bilder aktualisiert. Geht auch an sich... aber eben auch nur ein paar Stunden lang:
<img src="http://192.168.100.30:88/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=xx&pwd=xx&t="style="width: 530; height: auto;" onload='setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 2000)' onerror='setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 5000)' alt='' />
(Tablet UI. Kamera ist eine Foscam FI9900P. Habe für diese Zeilen laaange googlen müssen ;-)
Please help!
Danke,
Torsten