Client-sided media slideshow plugin (carousel), supporting replaceable input files, multiple languages and a dynamic timeline for illustrating historical events. Originally developed for the purposes of Deutsche Welle (DW), Bonn. Checkout the use cases presented in this document.
- jQuery UI - v1.10.3 (website)
- jQuery SmoothDivScroll - v1.3 (website)
- jquery.kinetic - v1.8.2 (website)
- jquery.mousewheel - v3.1.4 (website)
The plugin can be used for various purposes, including picture and video slideshows, landing pages for text articles, and many more.
| Description | Preview | Links | Embedded |
|---|---|---|---|
| When we were 17: Youth at the crossroads. This project uses an advanced version of the slideshow plugin. Including videos, deep links to articles, and a scrollable element gallery. |
 |
English version Russian version German version |
English version Russian version |
| Meine Oma, das Regime und ich. A total of six slideshows was created to tell audiences the lives of six grandmothers who had to deal with restrictive regimes. The project received a CNN Journalism Award in the category "Online" in 2015. The slideshows can be seen in the jury's video statement. |
  |
Oma aus Kenia Oma aus Chile Oma aus Belarus Oma aus Deutschland Oma aus China Oma aus Brasilien |
German version |
| Thailands Krisenjahrzehnt. Short slideshow about a political crisis in Thailand. |  |
German version | German version |
| Der Kampf um die Freiheit. Slideshow about a terrorist attack in France. |  |
German version | German version |
| 50 years of DW Akademie. A slideshow presenting the history of DW Akademie. |  |
English version German version |
English version German version |
| 1945: Ende und Aufbruch. The slideshow tells the history of Germany after the Second World War and uses the capabilities of in-text links right next to the pictures. |  |
German version | German version |
This project dates back to 2014/2015 and needs some improvements. Such as:
- Turn into a webpack
- Thereby: Restructure and clarify dependencies
- Consider using a CSS preprocessor
- Simplify and improve codebase
- Make JSON data file generator available
- Add documentation / how-to guide
- Add further demo cases for demonstrating timeline capabilities