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.

<body> Textkörper

CSS - Mit import mehrere CSS-Dateien zusammenfassen

PHP - Spider Bots ausschließen

JavaScript - Zeit-Differenz ermitteln

MySQL - Datensatz eintragen

Homepage Testen
Wenn Ihre Seite fertig sind und ins Internet hochgeladen wurden, gilt es: Testen, testen, testen. Viele Fehler kann man Offline finden, manche aber nur Online (zum Beispiel vergessene Dateien, falsche Links). Von großem Wert ist auch ein Test seitens einer Person, welcher die Seite unbekannt ist.
Meist fallen Schönheitsfehler und Hindernisse auf, die man als Webmaster nicht mehr sieht. Hierbei hilft es, der Testperson Aufgaben zu stellen, zum Beispiel, eine bestimmte Information zu finden oder ein bestimmtes Produkt zu bestellen.