Interaktiver Javascript Zeitstrahl

Übersicht aller Projekte von Pascal Xander - Webentwicklung & Softwareengeneering
Um die Unternehmensgeschichte visuell gut darzustellen, wurde entschieden, die wichtigsten Etappen in einem Zeitstrahl festzuhalten.
Übersicht aller Projekte von Pascal Xander - Webentwicklung & Softwareengeneering

Projektinformationen

Um die Interaktivität des Zeitstrahls zu gewährleisten, wurde dieser mittels JavaScript umgesetzt. Die Navigation innerhalb des Zeitstrahls funktioniert über Buttons oder auch per Touch Steuerung auf dem Tablet oder Handy. Beim Hovern über die Informationsblöcke werden die entsprechenden Infos zum Bild eingeblendet. Jede Jahreszahl ist innerhalb des HTML-Codes ein eigener Block, so dass Bilder und Informationen der entsprechenden Jahreszahl zugeordnet werden und innerhalb dieses Blocks ausgerichtet werden können. Dadurch hängen die Bilder immer mit der Größe des Blocks zusammen, wodurch im Nachhinein einfach Blöcke ergänzt werden können, ohne dass sich der gesamte Inhalt verschiebt und Anpassungen in den Margins/Paddings der einzelnen Bilder nötig sind.

Eindrücke

Javascript Zeitstrahl

Sprechen wir drüber

Ich freue mich von Ihnen zu hören. Füllen Sie einfach da zu untenstehende Formular aus und ich werde mich so schnell wie möglich bei Ihnen melden.