Hier findest du demnächst eine Einführung in das JavaScript Präsentationsframework impress.js. Das Framework wurde in der c’t Ausgabe 22/2012 kurz vorgestellt.
Das Framework nutzt die Möglichkeiten von Transformationen und Transitionen moderner Browser mit CSS3.
Du kannst dir den Quellcode bei github herunterladen.
Erste Gehversuche kannst du dir hier ansehen.
Startposition der Präsentation bestimmen
Und hier kannst du dir durch einen Klick auf die Grafik einen ganz bestimmten Schritt der Präsentation ansehen (…htm#/overview).
Automatisch laufende Präsentation
Ziemlich bald nach dem Studieren des Code-Beispiels hat mich interessiert, wie ich die Präsentation automatisch abspielen kann. Dazu findest du hier ein weiteres Beispiel. Im eingebetteten Script ist lediglich folgender Quelltext zu ergänzen.
Die Methode setInterval ruft hier die Funktion next() in einem festgelegten Zeitintervall von 5000 Millisekunden = 5 Sekunden auf.
setInterval ('impress().next()', 5000);