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  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<object> Objekt

CSS - Markierte Checkbox farbig hervorheben

PHP - Trennen von Buchstaben und Zahlen mit scanf()

JavaScript - Die aktuelle Seite in der Navigation hervorheben

MySQL - Das Datum und die Uhrzeit der letzten Stunde anzeigen