Hallo,

ich habe einen webserver selbst programmiert und hole mir mit einem javascript alle x millisekunden ein Bild von einer Kamera.Nun möchte ich gerne die Einstellung der Millisekunden (von 70 -3000) nicht statisch in die HTML-Seite eintragen, sondern gerne über einen Schieberegler einstellen. Leider reichen meine Javascript-kenntnisse bei weitem nicht aus dieses Problem zu lösen. (...und ich brauche Javascript auch nicht mehr so schnell :o)) Ich hoffe ihr könnt mir helfen.

Mein Problem ist nun folgendes...

in den 1. Script habe ich einen reload eines bildes alle x millisekunden.

nun möchte ich ein 2. Script, einen schieberegler so einbauen, dass dieser mir die x millisekunden eine dynamische änderung zur laufzeit zulässt.

Script Nr. 1 mit html-Gerüst:

<html>
<head>
<title>JavaScript WebCam</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<p align="center"><strong><big><big>Using JavaScript WebCam</big></big></strong></p>
<p align="center">This page uses JavaScript to automatically update the WebCam.</p>
<p align="center"><img src="1.jpg" name="myImageName" width="320" height="240">
<script language="JavaScript">
function reloadImage() {
if (document.images) {
document.images.myImageName.src = '1.jpg?' + (new Date()).getTime();
}
setTimeout('reloadImage()',1000);
}
setTimeout('reloadImage()',1000);
</script> </p>
</body>
</html>


und die 3000 millisekunde hätte ich gerne variabel über folg. slider justierbar


<script type="text/javascript" src="range.js"></script>
<script type="text/javascript" src="timer.js"></script>
<script type="text/javascript" src="slider.js"></script>
<link type="text/css" rel="StyleSheet" href="winclassic.css" />

<div class="slider" id="slider-1" tabIndex="1">
<input class="slider-input" id="slider-input-1"
name="slider-input-1"/>
</div>

<script type="text/javascript">
var s = new Slider(document.getElementById("slider-1"),
document.getElementById("slider-input-1"));
</script>
<script type="text/javascript">
var sliderEl = document.getElementById ?
document.getElementById("slider-1") : null;
var inputEl = document.forms[0]["slider-input-1"];
var s = new Slider(sliderEl, inputEl);
s.onchange = function () {
window.status = "Value: " + s.getValue();
};
s.setValue(50);
</script>

http://webfx.eae.net/dhtml/slider/js/range.js
http://webfx.eae.net/dhtml/slider/js/timer.js
http://webfx.eae.net/dhtml/slider/js/slider.js
http://webfx.eae.net/dhtml/slider/css/winclassic.css

Wie kann ich die beiden scripte verbinden? geht es überhaupt??
Wo kann ich die werte des schiebereglers einstellen (von 70 - 3000)....

Danke für eure Zeit und Gruss

Frank