Bild in Onlineliste autom. aktualisieren (z.B. für Webcam )

[Christopher]

Hallo,
leider finde ich keine Lösung für mein Problem.

Ich habe dieses Script gefunden, um ein Bild in der Online Liste einzubinden.

Script:Zeigen

<script type="text/javascript">function addframe(){parent.rightFrame.document.body.innerHTML='<iframe src="http://www.bluedevil-radio.de/ext_sende ... "></iframe>'+ parent.rightFrame.document.body.innerHTML;} setTimeout('addframe()',2000)</script>

und dieses, um Bilder auf einer Homepage automatisch zu aktualisieren.
Man kann dann Bilder einer Webcam per Ftp auf den Webspace hochladen. Diese werden dann von dem Script auf der Homepage aktualisiert. Das Funktioniert auf einer Homepage einwandfrei.

Script:Zeigen

<script language=javascript>
zeit = window.setInterval("BildNeuLaden()",1000);

function BildNeuLaden()
{
pic1=new Image();
pic1.src="Bild1.jpg";
document.getElementById("pic1").src = "Bild1.jpg?" + (new Date()).getTime();

}

</script>
<img src="Bild1.jpg" id="pic1" width=320 height=240/>

Wie kann man diese beiden kombinieren, so dass das auch in der Onlineliste funktioniert ?
Und kann man dann auch noch den Windows Media Player nutzen, oder muss der dann aus der Onlineliste raus genommen werden?
Wenn mir jemand helfen könnte, wäre schön.

gruß, Christoph

[Maxs]

Hallo Christopher, willkommen im Forum!

Ich habe dir mal eine kleine JavaScript-Datei geschrieben, die hoffentlich deinen Wünschen entspricht:

Script:Zeigen

Code: Alles auswählen

var camImg = "URL-ZUM-BILD";

function addCamImg () {
  var prd=parent.rightFrame.document;
  var olBildSpan = prd.createElement("span");
  var olBild = prd.createElement("img"); 
  olBild.src = camImg + "?" + new Date().getTime(); 
  olBild.id = "CamImg";
  olBildSpan.style.position = "absolute"; 
  olBildSpan.style.bottom = "10px";
  olBildSpan.style.right = "15px";
  olBildSpan.appendChild(olBild); 
  prd.getElementsByTagName("body")[0].appendChild(olBildSpan);
}

function updateCamImg () {
  if (parent.rightFrame.document.getElementById("CamImg")) {
    parent.rightFrame.document.getElementById("CamImg").src = camImg + "?" + new Date().getTime(); 
  } else {
    addCamImg();
  }
}

var updateCam = window.setInterval("updateCamImg()", 1000);

In der ersten Zeile muss dann nur die URL zum sich aktualisierenden Bild bei var camImg = "URL-ZUM-BILD" angegeben werden. Ich habe das Script jetzt nicht getestet, sollte aber funktionieren.

Das Script in einem Editor als JavaScript-Datei abspeichern (*.js), auf deinen Webspace hochladen und in die Ankündigungen, in die das Script soll, mit folgenden Code nach der Grundscriptsammlung einfügen:

Code: Alles auswählen

<script type="text/javascript" src="URL-ZUM-SCRIPT"></script>

URL-ZUM-SCRIPT muss natürlich angepasst werden.

Ich hoffe es funktioniert so und würde mich über eine Rückmeldung freuen.