Ich habe das Insgesamt dann noch bisschen anders gelöst:
CODE
<html>
<body>
<center>
1
<p><img src="./R250ds12/001001001.jpg" id="range" alt=""></p>
<script type="text/javascript">
function showValue(newValue)
{
var bild="./R250ds12/001001001.jpg";
switch (newValue)
{
case '1': bild='./R250ds12/001001001.jpg'; break;
case '2': bild='./R250ds12/001002001.jpg'; break;
case '3': bild='./R250ds12/001003001.jpg'; break;
case '4': bild='./R250ds12/001004001.jpg'; break;
case '5': bild='./R250ds12/001005001.jpg'; break;
case '6': bild='./R250ds12/001006001.jpg'; break;
case '7': bild='./R250ds12/001007001.jpg'; break;
case '8': bild='./R250ds12/001008001.jpg'; break;
}
document.getElementById("range").src=bild;
}
</script>
<input type="range" min="1" max="8" value="1" step="1" onchange="showValue(this.value)" /><br>
<img src="skala.png" width="165">
</center>
<div align="right">
<a href="2.html">weiter</a>
</div>
</body>
</html>