Ja, das ist Live!


Hier mit einer anderen Cam-Vorlage: http://213.193.106.158:7000/record/current.jpg
 
Dieser Link (KLICK MICH) simuliert eine Naviagtion durch eine Homepage. Nur das "Web-Cam-Bild" wird neu geladen. Das Layout bleibt gleich und wird wie nachstehend erklärt, aus dem Cache geladen. (Sofern dieser nicht von euch deaktiviert wurde)


 
Aber wie wird nur das Bild beim Navigieren durch eine Homepage aktualisiert? Denn normalerweise werden die Elemente die den selben Namen tragen aus dem Cache geladen. Also von der eigenen Festplatte und nicht vom Internet. Der Cache soll ja eine Homepage mit gleichen Elementen schneller anzeigen und nicht neu laden.
 
Durch die Verwendung eines kleinen Tricks, in Verwendung von JavaScript, erreichen wir, dass nur das gewünschte Bild neu geladen wird und nicht die gesamte Homepage sowie alle anderen Bilder, welche z.Bsp. zum Layout gehören.
 
Hier der gesammte Code:
<script language="JavaScript">
<!--
var now = new Date();
var stamp= parseInt(now.getTime() / 1000);
document.write('<table align="center" cellpadding="0" cellspacing="0" width="600" height="220" border="0" style="background:#ffffff url(http://cam.switch.ch/pano.jpg?'+stamp+') no-repeat center center;" vspace="0" hspace="0"><tr><td align="right" valign="bottom" style="color: #FFFFFF;">Ja, das ist Live!</td></tr></table>');
//-->
</script>
Als Bildquelle eignen sich Webcams welche alle paar Minuten oder Stunden ein neues Bild hochladen, diese jedoch immer den selben Namen haben!
Bei switch.ch ist es "pano.jpg"
 
Durch den "Datums-Stempel" welcher das Javascript dem Bild anfügt, erhält das Bild einen einmaligen Namen und wird beim Navigieren durch eine Homepage nicht aus dem Cache geladen, sondern direkt ab Quelle.
 

top

realised by opizzi.ch © 2017 All rights reserved