Dieses Projekt wurde vom Anbieter geschlossen. Es sind keine Bewerbungen mehr möglich.

Archiviertes Projekt - JavaSkript - fullpage.js Erweiterung

April 2018

April 2018

D-Großraum Braunschweig

auf Anfrage

13.04.2018

Projektbeschreibung

Briefing: Java Skript

Fullpage.js Erweiterung

Realisierungszeitraum 5 Tage.



Die Daten kommen aus einer Wordpressinstanz, wurden bereits angelegt und werden so angezeigt. Es wird nur vertikale Slides verwendet und keine horizontalen.

Fullpage.js
https://github.com/alvarotrigo/fullPage.js/

Quellen:
Einblenden/ Ausblenden Funktion beim Laden oder verlassen von Slides:
https://codepen.io/anon/pen/pLGwPw

Leistungsseiten und Projektseiten sind von der Funktion her identisch. Es werden nur andere Inhalte geladen.



Graue Inhalte sind bereits realisiert und dienen hier nur der Vollständigkeit.


Sitemap auf Anfrage



Überblick Aufgaben


1) Projektstartseite immer anzeigen (Standardverhalten – Bereits fertig). Inhaltsseiten / Slides + dessen Anchor + dessen Menüpunkte im rechten Bulled-Point-Menü nur anzeigen wenn:

a. Das jeweilige Projekt über den dafür vorgesehenen Pfeil (horizontal) für mehr Details ausgewählt wird. (Alle anderen Projektdetailseiten bleiben ausgeblendet) – Aktuell unfertig mit PHP gelöst.
b. Wenn hierfür Content im Wordpress hinterlegt worden ist. Nicht alle Projekte haben ein Video. => Seite 2 und 3

2) Projektvideos aus auf der jeweils 3.
a. Projektvideos werden im Autoplay abgespielt – Ton muss manuell aktiviert werden.
b. Wird nun auf eine der nächsten Slides/ Seiten gescrollt verkleinert sich das Video wie bei facebook zu einem Thumbnail und wird in der linken oberen Bildschirmseite weiterhin aktiv angezeigt. Video spielt weiter. Ein X Button neben dem Video stoppt das Thumbnailvideo und blendet es aus.
c. Nur Videos die gerade spielen scrollen als Thumbnail mit. Nur Projektvideos.
d. Funktion nur für Tablet und PC verfügbar machen.
e. Das aktuell aktive Thumbnailvideo schließt sich automatisch bei Scroll auf eine Seite/ Slide mit einem anderen bereits aktiven Video (Jeweils 3. Seite eines Projektes)

3) SEO Informationen abhänging vom Anchor laden
a. Abhängig davon auf welchem Slide / Seite man gerade ist, werden abhängig vom Anchor die jeweiligen SEO Informationen aus dem Wordpress geladen (bereits angelegt) und für die Seite im Head geladen / ausgetauscht.

Kontaktdaten

Als registriertes Mitglied von freelance.de können Sie sich direkt auf dieses Projekt bewerben.

Login

direkt bewerben:


Noch kein Mitglied?

jetzt registrieren »

Projektkategorien

IT, Entwicklung:

Projektstatistiken

Projektstatistiken sind für PREMIUM-Mitglieder einsehbar.

Sie suchen Freelancer?

Schreiben Sie Ihr Projekt kostenlos aus und erhalten noch heute passende Angebote.

jetzt Projekt erstellen »