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.

<tbody> Tabellenkörper

CSS - Animierte Unterstreichung

PHP - Authentifizierung eines Benutzers mit PDO und password_verify()

JavaScript - Zeichnung erstellen

MySQL - Kleinsten Wert einer Tabellenspalte ermitteln

Startseite gleich Schaufenster
Die Startseite ist für Ihre Homepage zugleich Schaufenster, Eingangstür und Visitenkarte. Als Schaufenster bietet sie einen Überblick über das, was auf der Webpräsenz zu finden ist; stellen Sie Fotos aus, verkaufen Sie Software oder präsentieren Sie Ihre Hobbies? Handelt es sich um eine private, geschäftliche, gemeinnützige oder öffentliche Homepage? Dies muss ohne langes Klicken und Suchen klar sein.