JavaScript - Schieberegler für Bilder
1
<p>
<input type="range" min="1" max="5" value="1" step="1"
onchange="showValue(this.value)">
</p>
<p>
<img src="1.jpg" id="range" alt=""><br>
<span id="number">1</span>
</p>
<script>
function showValue(newValue) {
var bild="1.jpg";
switch (newValue) {
case '1': bild='1.jpg'; break;
case '2': bild='2.jpg'; break;
case '3': bild='3.jpg'; break;
case '4': bild='4.jpg'; break;
case '5': bild='5.jpg'; break;
}
document.getElementById("range").src=bild;
document.getElementById("number").innerText = newValue;
}
</script>
Bausteine
Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.