Hintergrundbilder nach Scrollen verändern
Author: L S.Hallo Community,
ich möchte gerne eine neue Page erstellen, welche so aufgebaut sein soll:
Die Homepage soll ein Hintergrundbild aufweisen, welches den ganzen Bildschirm deckt. Das Menü ungefähr in der Mittel der Page als Balken mit 4-5 Menü-Punkten neben einander. Beim Klick auf den entsprechenden Menüpunkt soll es direkt zum entsprechenden Punkt scrollen, wobei der Menü-Balken dann automatisch zuoberst an der Seite verschoben und immer sichtbar sein soll. Dies soll auch beim manuellen Scrollen nach unten automatisch nach oben und so immer sichtbar sein. Wie kann ich das machen?
Ausserdem würde ich gerne, je nachdem an auf welchen Punkt man geht, das Hintergrundbild automatisch anpassen, also:
- Click auf Punkt eins scrollt zum Punkt 1, schiebt das Menü an den oberen Rand und Zeigt Bild 1 als Hintergrund, darüber dann den Text
- Click auf Punkt zwei scrollt zum Punkt 2, schiebt das Menü an den oberen Rand und Zeigt Bild 2 als Hintergrund, darüber dann den Text
usw...
Ich habe die Professional V12 auf dem Rechner. Wisst ihr wie ich das machen kann?
Danke für eure Hilfe!
Ist im Prinzip nichts anderes als eine Onepage Seite. In der V12 musste man bei einigen Punkten noch mit extra Skripten arbeiten, aber man konnte diese Effekte erreichen. Das ganze ausführlich zu erklären würde aber den Rahmen hier sprengen.
In der V13 ist es einfacher zu handhaben, aber es wird dir nichts anderes übrig bleiben um es zu testen. Wenn du bei "einem" Punkt nicht weiterkommst, kann man dir helfen.
Es gibt aber sicherlich Musterprojekte !
Author
Hallo Andreas,
danke dir! Musterprojekte habe ich so auf die schnelle nicht gefunden, ausser eben SingePager mit nur einem Bild. Ich müsste aber ein Bild pro Menüpunkt haben, welches sich automatisch verändert, je nachdem auf welchem Menüpunkt man ist.
Kennst du per Zufall ein Musterprojekt welches dies so in Etwa abdecken würde? Dann könnte ich es mir mal anschauen und gegebenenfalls kaufen. Die Gallerie ist aber so voll, pffff Ich dachte an sowas wie zum Beispiel www.fokusprodukt.ch, ist eine sehr schöne Page...
Diese Musterseite mit der V12 nachzubauen ist nur etwas für Profis, denn da muss man noch viele Skripte extra einfügen um so etwas zu erstellen.
Mit der V13 ist so etwas schon leichter zu machen, aber auch nur mit viel Erfahrung mit WSX5 !
ICh habe diese Seite noch mit der V12 gemacht und das ist schon auf Profibasis und im Prinzip nicht auf die schnelle zu erklären !
http://www.fuchs-kunststoff.de/highgloss.html