Antworten auf deine Fragen:
Neues Thema erstellen

Parallax Effekt mit Parallax Scrolling

don86

Nicht mehr ganz neu hier

Hallo,

ich versuche mich gerade an einem Parallax Effekt. Dieser funktioniert soweit. Jetzt hätte ich aber auch gerne noch ein Parallax Scrolling. Doch ich bekomme mein Div nicht unter meinen Hauptscreen.

Ziel wäre es bei dem Drücken auf "Button" runterzuscrollen zu einem weiteren Fullscreen Bildschirm, bevorzugt mit einer Bilder Slideshow: http://tympanus.net/codrops/2012/01/...how-with-css3/

Und danach noch weiter scrollend zu einem Fullscreen Bildschirm mit einer Video Slideshow: http://tympanus.net/Tutorials/BigVideoSlideshow/


Falls jemand Zeit hat und reingucken möchte. Hier das Projekt:
Zusatz: Was müsste ich tun, um das ganze Responsive zu bekommen? Denn auf 4:3 überlappen die blauen Kästchen schon, ganz geschweige von einer Smartphone-Ansicht.

Gruß
don86
 

Aelfry

Web Developer

Ziel wäre es bei dem Drücken auf "Button" runterzuscrollen zu einem weiteren Fullscreen Bildschirm, bevorzugt mit einer Bilder Slideshow: http://tympanus.net/codrops/2012/01/...how-with-css3/
Und danach noch weiter scrollend zu einem Fullscreen Bildschirm mit einer Video Slideshow: http://tympanus.net/Tutorials/BigVideoSlideshow/
das runterscrollen kannst du ja ganz einfach mit jquery lösen
http://pixelbar.be/blog/mit-jquery-scrollen-gewusst-wie/

Und zur Bilderslideshow: wo hakts denn? Hast du es denn wie auf der Seite beschrieben versucht?
(gleiches zur Video Slideshow)

Zusatz: Was müsste ich tun, um das ganze Responsive zu bekommen? Denn auf 4:3 überlappen die blauen Kästchen schon, ganz geschweige von einer Smartphone-Ansicht.
Du musst dein Layout entsprechend für kleinere Bildschirme anpassen bzw. flexibel gestalten (Stichwort: media queries).

Z.B. haben die blauen Boxen eine fixe Breite mit Pixelwerten (während die Positions prozentual ist), wodurch es auf kleineren Screens zwangsläufig zu Überschneidungen kommt.
Sowas müsste dann für kleine Bildschirme angepasst werden.
 

don86

Nicht mehr ganz neu hier

Danke. Schaue ich mir alles mal an.

Beim Runterscrollen hakt es daran, dass ich keine Bilder/Slideshows unter meinem Parallax positioniert bekomme.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.634
Beiträge
1.538.448
Mitglieder
67.555
Neuestes Mitglied
scheflo
Oben