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.

CSS - Farbige Scrollleiste

PHP - Zufallsfarbe ausgeben

JavaScript - Zeitabhängige Aktualisierung

MySQL - Doppelte Einträge in der Tabelle finden