201124Aug

Deck JS: HTML/jQuery-Präsentationen erstellen

Präsentationen im HTML-Format dürften spätestens seit Googles HTML5-Präsentation jedem bekannt sein und Dienste wie SlideShare oder Prezi erfreuen sich mittlerweile großer Beliebtheit. Es gibt inzwischen mehrere Bibliotheken und Skripte, mit denen sich unkompliziert HTML-Präsentation erstellen lassen. Als jQuery-Plugin stellt beispielsweise Deck JS eine moderne Möglichkeit dar, ansprechende Web-Slideshows zu erstellen, die zudem auch mit Themes ausgestattet werden können.

Deck JS - Modern HTML Presentations

Die einzelnen Slides können dabei mit gewöhnlichem HTML-Markup aufgebaut werden. Lediglich die Benennung ist für den späteren Aufruf über jQuery wichtig, da hier die Bezeichnungen im Selektor eingetragen werden müssen:

  • $.deck([
  • "#first-slide",
  • "#second-slide",
  • ".slide"
  • ]);

Das jQuery-Plugin bietet verschiedene Möglichkeiten in Form von Events und Extensions, um verschiedene Funktionen in Slides integrieren zu können. Für Einsteiger empfiehlt sich das entsprechende Tutorial, während Fortgeschrittene gleich einen Blick in die Dokumentation werfen können.