pictureScroll

Version 1.06, © Gerhard Schacherl, 2021

Einfaches Programm zum Umblättern von Musik-Notenblättern

Demo

J. S. Bach, Präludium und Fuge g-moll (Hochformat)

G. F. Händel, Sonate F-Dur (Querformat)

Umblättern

Seitennummer - Button

Klick auf Button mit der roten Seitennummer links oben im Notenbereich aktualisiert die Seite.
(Ev. 2x klicken)
Wenn die Fenstergröße oder das Format (hoch/quer) verändert wird, muss die Seite aktualisiert werden!

"Zurück" - Button

Der Button links unten im Notenbereich führt auf die vorige Seite zurück.

Eigene Projekte

Benötigt werden Bilder, eine *.html-Seite, pictureScroll.css und pictureScroll.js

Für eigene Projekte müssen in die *.html-Seite die richtigen Bilder eingebaut werden.

Beispiel Internetseite: bach.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="pictureScroll.css">
</head>

<body>
<div id="pics">
<img src="bilder/bach/pr_fuge06_s01.jpg">
<img src="bilder/bach/pr_fuge06_s02.jpg">
<img src="bilder/bach/pr_fuge06_s03.jpg">
<img src="bilder/bach/pr_fuge06_s04.jpg">
<img src="bilder/bach/pr_fuge06_s05.jpg">
<img src="bilder/bach/pr_fuge06_s06.jpg">
<div id="abstandhalter"></div>
</div>

<button onclick="setOptions();" id="seitenNr" title="Reload page">1</button>
<button onclick="history.back()" id="zurueck" title="back">←</button>

<script src="pictureScroll.js"></script>
</body>
</html>