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)

Umblättern

Tasten: Cursor Left/Right, Cursor Up/Down, PageUp/PageDown
Maus oder Touch-Bedienung:

Der Notenbereich ist (virtuell) in 2 Hälften geteilt.
Mauszeiger in rechter Hälfte: Maustaste links blättert vor
Mauszeiger in linker Hälfte: Maustaste links blättert zurück
Unabhängig von der Stellung des Mauszeigers: Maustaste rechts blättert immer zurück
Presenter od. Fusspedal, das Tasten od. Mausklick simulieren kann

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>