Navigationsleiste/banner per scrollen bewegen

Computer: Software & Programmierung
#1

hi,
ich möchte eine Website erstellen bei der ein banner oder das menü mit der maus scrollbar ist. D.h. es soll so eine art zeitafel sein, bei der man vom mittelalter in die neuzeit scrollt und eben neue jahreszahlen und ereignisse von rechts auftauchen, natürlich mit links zum beitrag.

Ich habe mich in Flash etwas versucht doch ich finde keine option wie ich das scrolen unter kontrolle bekomme und damit einen banner oder ein bild bewegen könnte.
Wie könnte es gehen?
Oder Vlt gibt es ja noch andere möglichkeiten, was schlagt ihr vor? JAvaScript, etc…
lg j…

#2

Hallo Jan,

die neue Testversion der Limeskarte von Wikipedia http://toolserver.org/~render/limes/web/ wurde per JavaScript umgesetzt. Wenn du eine Zeitleiste vertikal anbringen willst könntest du auch „normale“ Scrollfunktionen nutzen, das hängt doch sehr von deinem geplanten Einsatzzweck ab.

Gruß

#3

Wäre dann sowas wie: http://timeline.verite.co/ nicht passend?

#4

Hi,

leider bin ich bei Flash-Programmierung ziemlich raus. Sorry.Grüße

#5

Hi Jan,
ich würde dir von flash in jedemfall abraten. da dies auf vielen modernen geräten gar nicht mehr funktioniert (iphone,ipad, andere smartphones und tablets)

ich würde empfehlen das mittels javascript zu lösen.
mitlerweile gibt es sehr gute javascript bibliotheken speziell jQuery jquery.com die dir vieles abnehmen was javascript früher so anstrengend gemacht hat.

und für jquery gibt es z.b auch ein mousweel plugin:
https://github.com/brandonaaron/jquery-mousewheel

gruss chris

#6

Ein paar Anregungen
http://www.webdeveloperjuice.com/2011/09/28/7-beauti…

#7

Hallo
auf meiner Homepage www.pastorpixel.de findest du eine Lösung sowohl mit AS3 als auch mit AS2. Gehe dazu auf Tutorial, Flash, Actionscript, programmierte Bewegung oder AS3, und dort auf programmierte Bewegung. der direkte link zum As3 Tipp ist.
http://www.on-design.de/tutor/FlsExpl/AS3/progBewegu…

Dort scrollst du bist du zu dem Tipp kommst:
„Programmierte Bewegung nach Mausposition (dynamisch)“

Der Actionscript 2 Tipp ist in diesem Beispiel
http://www.on-design.de/tutor/FlsExpl/bewegung.htm
dort blätterst du bis du auf das Beispiel mit den regenbogenfarbenen Leisten kommst
tschüss viel Erfolg
Michael Albers

#8

Hallo Peter,

das sieht schonmal ganz gut aus, nur noch mit der scrollfunktion wäre nützlich, leider bekomme ich hierbei leider nicht raus wie es gemacht wurde, bzw. kann es nicht nachbauen :open_mouth:
Danke für den Hinweis
lg

#9

Das wäre PErfekt!!!
ICh schau mal ob ich herausbekomme wie das gemacht ist. Aber ich vermute es ist schwer das so nachzubauen…

Wäre dann sowas wie: http://timeline.verite.co/ nicht passend?

#10

Hallo Jan,

evtl. hilft dir bei diesem Vorhaben die Suche nach dem JavaScript event handler onscroll. Schau dazu auch einmal an: http://api.jquery.com/scroll/

Gruß

#11

Hallo,

scrollen in Flash ist eigentlich nicht so schwierig. Aber es von Grund auf zu erklären, ist hier nicht möglich, bzw. habe ich dafür leider nicht genügend Zeit.

Vielleicht versuchst Du es einfach mal mit Javascript, da gibt es sicher eine Menge Tutorials, mit denen Du das sicher ziemlich leicht schaffst.

In Flash jedenfalls solltest Du Dich ein bisschen mit ActionScript beschäftigen, dann klappt das auch da.

#12

Hallo, ja sorry. Da kann ich auch nicht weiterhelfen. Ich habe auch nur die Idee mit Flash… LG Martin

#13

hi, tut mir Leid wegen der späten Antwort. Daher mach ich es kurz, da ich davon ausgehe, dass schon eine Lösung gefunden wurde.

Möglichkeiten:

CSS (background images, frames, etc)
>
Java Script (Smooth Scroll function etc)
>
PHP Script like Java Script
>
Flash

Flash würde ich von abraten…^^ zu viel Arbeit für sowas…

LG