Zeitgesteuerte Präsentation mit jQuery
Vor einiger Zeit hatte ich den Entwurf einer JavaScript-Diashow vorgestellt. Jetzt habe ich das Skript neu aufgebaut und mit zusätzlichen Features versehen. Im Wesentlichen handelt es sich dabei um eine Diashow auf XHTML/CSS-Basis, die beliebige Website-Inhalte in Slides aufteilt und darstellt.
Anlass für den Umbau war das siebenjährige Bestehen der Künstlergruppe xobarap. Die zugehörige Präsentation ist bisher weder inhaltlich noch technisch vollständig, trotzdem bekommt man schon einen guten ersten Eindruck, finde ich.
Präsentation “7 Jahre xobarap” ansehen
An der ursprünglichen Codebasis habe ich einiges geändert. Wenn ich wieder Zeit dafür finde, soll das Skript in eine ordentliche Form gebracht und als jQuery-Plugin veröffentlicht werden. Das kann allerdings noch ein wenig dauern, also bitte nicht drängeln. ;-)
Autoplay mit dynamischer Zeitsteuerung
Neu hinzugekommen sind das Menü und - besonders interessant - eine inhaltsgesteuerte Autoplay-Funktion. Je nach Menge des dargestellten Inhalts werden die einzelnen Slides länger oder kürzer angezeigt. Damit man vom nächsten Bildwechsel nicht überrascht wird, zeigt ein dezenter Fortschrittsbalken die verstrichene Zeit an.
Weitere Beiträge, die dich interessieren könnten:
Kommentare
Danke für die Blumen!
Bevor ich ein Plugin veröffentliche, möchte ich das Skript und seinen HTML-Code noch ein wenig optimieren. Kommt aber bald, denke ich.
-
Hi,
sieht gut aus … sind auch zeitgesteuerte Elemente innerhalb einer Seite/Folie geplant?
Vorschlag für die Navigation: Beim drüberfahren auch gleich die Nummer mit einblenden und eventuell zusätzlich zum Seitentitel weitere Informationen anzeigen (Kurzfassung, Screenshot, Beschreibung, …)
djot
-
Das ist ein cooles Script! Vorallem das zurückziehen des Ladebalken beim manuellen wecheln der Folie ist super.
Gibt es ein jQuery Plugin zum runterladen?
Grüße, Paul