Webcam Bild-refresh in Webseite per java

Plauderecke Off Topic
1

Hi Ihr,

ich bräuchte mal schnelle Hilfe von einem Java-Kenner:

ich möchte mehrere Webcam-Bilder auf einer Webseite refreshen lassen und habe dazu folgendes Scriptlet gefunden:


<script language="javascript">
var refreshrate=6;                 //SECONDS BETWEEN REFRESH
var image="WebCam1.jpg";     //IMAGE NAME
var imgheight=240;                   //IMAGE HEIGHT
var imgwidth=320;                 //IMAGE WIDTH
function refresh(){
document.images["pic"].src=image+"?"+new Date();
setTimeout('refresh()', refreshrate*1000);}
document.write('<IMG SRC="'+image+'" ALT="Alternate Text" NAME="pic" ID="pic" WIDTH="'+imgwidth+'" HEIGHT="'+imgheight+'" STYLE="border: 1px solid Black;">');
if(document.images)window.onload=refresh;
</script>

Mein Problem: mit einem Bild funktioniert das wunderbar, aber wie refreshe ich mehr als 1 Bild? hab das Script schon 2mal in die Webseite gepackt, Variablen und Bildpfad angepasst - funktioniert nicht…:frowning:

2

Poste doch mal Deine Version mit den 2 Bildern …

3

huhhh, vorsicht, schmutziger Code :smiley:


</script>
<script language="javascript">
var refreshrate=10;                 //SECONDS BETWEEN REFRESH
var image="http://"=url="/current.jpg";     //IMAGE NAME
var image1="http://"=url="/current_02.jpg";     //IMAGE2 NAME
var imgheight=360;                   //IMAGE HEIGHT
var imgwidth=480;                 //IMAGE WIDTH
function refresh(){
document.images["pic"].src=image+"?"+new Date();
setTimeout('refresh()', refreshrate*1000);}
document.write('<IMG SRC="'+image+'" ALT="Alternate Text" NAME="pic" ID="pic" WIDTH="'+imgwidth+'" HEIGHT="'+imgheight+'" STYLE="border: 5px solid Black;"><IMG SRC="'+image1+'" ALT="Alternate Text" NAME="pic" ID="pic" WIDTH="'+imgwidth+'" HEIGHT="'+imgheight+'" STYLE="border: 5px solid Black;">');
if(document.images)window.onload=refresh;
</script>
4

Versuch mal die Version:


<script language="javascript">
  var refreshrate=10;                 //SECONDS BETWEEN REFRESH
  var image1="http://"=url="/current.jpg";     //IMAGE NAME
  var image2="http://"=url="/current_02.jpg";     //IMAGE2 NAME
  var imgheight=360;                   //IMAGE HEIGHT
  var imgwidth=480;                 //IMAGE WIDTH

  function refresh(){
    document.images["pic1"].src=image1+"?"+new Date();
    document.images["pic2"].src=image2+"?"+new Date();
    setTimeout('refresh()', refreshrate*1000);
  }
  document.write('<IMG SRC="'+image1+'" ALT="Alternate Text" NAME="pic1" ID="pic1" WIDTH="'+imgwidth+'" HEIGHT="'+imgheight+'" STYLE="border: 5px solid Black;">');
  document.write('<IMG SRC="'+image2+'" ALT="Alternate Text" NAME="pic2" ID="pic2" WIDTH="'+imgwidth+'" HEIGHT="'+imgheight+'" STYLE="border: 5px solid Black;">');
  if(document.images)window.onload=refresh;
</script>
5

ein Wunder: es funktioniert!
Irre wie schnell man hier geholfen bekommt, danke Brownson!
:wink: