Hallo,
ich habe einen HTML-Seite erstellt, bei der ich Bilder mittels Schieberegler ändern kann. Ich hätte dazu gern noch die Nummer des Bild neben dem Schieberegler angezeigt. Weiterhin würde ich gern, dass dieser Breiter ist. Ich hoffe mir kann jemand helfen.
Anbei mein derzeitiger Code:
HTML
<html>
<body>
<center>
2
<p><img src="./R250ds8/001009001.jpg" id="range" alt=""></p>
<script type="text/javascript">
function showValue(newValue)
{
var bild="./R250ds8/001009001.jpg";
switch (newValue)
{
case '1': bild='./R250ds8/001009001.jpg'; break;
case '2': bild='./R250ds8/001010001.jpg'; break;
case '3': bild='./R250ds8/001011001.jpg'; break;
case '4': bild='./R250ds8/001012001.jpg'; break;
case '5': bild='./R250ds8/001013001.jpg'; break;
case '6': bild='./R250ds8/001014001.jpg'; break;
case '7': bild='./R250ds8/001015001.jpg'; break;
case '8': bild='./R250ds8/001016001.jpg'; break;
}
document.getElementById("range").src=bild;
}
</script>
<input type="range" min="1" max="8" value="1" step="1" oninput="showValue(this.value)" /><br>
</center>
<div align="right">
<a href="3.html">weiter</a>
</div>
</body>
</html>
Zitieren