Creative Menu Solution Needed

Get help with installation and running phpwcms here. Please do not post bug reports or feature requests here.
Post Reply
macangelo
Posts: 756
Joined: Sat 29. Nov 2003, 14:19
Location: Düsseldorf
Contact:

Creative Menu Solution Needed

Post by macangelo »

Hi all.

I have a request, need the programming for a creative design of a menu, probably in js:

Structure:
main1
main2
main3
sub3-1
sub3-2
sub3-3
sub3-4
sub3-5
sub3-6
main4

Let's say I have 4 balls in a horizontal row, representing the 4 main categories.

When you click of one of the balls (let's say 3) it gets smoothly bigger and and six arms with satellite balls grow out of it, representing the 6 subcategories. When you click on one of the subcategory balls it takes you to the respective page.

When you click on one of the other main category balls, satellites drive back in, ball gets it's normal size again, and the other ball gets big with it's satellite balls.

Does anybody know a thing like this? would anybody program that for me (payed job of course)?
( I found some scripts on github.io that might help:
http://philogb.github.io/jit/demos.html
http://philogb.github.io/jit/static/v20 ... mple1.html)

Best

Uwe
Webdesign from Düsseldorf - made with phpwcms (most of it):
http://eyelikeit.com/index.php?de_beispiele-webdesign
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: Creative Menu Solution Needed

Post by Oliver Georgi »

Du suchst im Prinzip so etwas: kompetenzzentrum-stadtumbau.de

Ah, OK – wirklich Bälle? Baut man z.B. damit http://threejs.org/examples/ oder man realisiert es mittels dynamisiertem SVG oder damit https://d3js.org/.

Und hier ein Ansatz – Ausgangselement x/y und Zielelement x/y und schon kann man dynamische Linien setzen:
http://codepen.io/rachsmith/post/grokki ... ves-in-svg
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
macangelo
Posts: 756
Joined: Sat 29. Nov 2003, 14:19
Location: Düsseldorf
Contact:

Re: Creative Menu Solution Needed

Post by macangelo »

Hi Oliver

Danke für Deine schnelle und ausführliche Antwort.

Also, die Bälle müssen nicht mit js oder in svg gemacht sein (könnten zur Not auch Bilder sein, 3D-Optik auch nicht kriegsentscheidend).

Es geht mir mehr um die Logik der Navi. Ich habe es mal aufgemalt: erste Reihe ist der Normalzustand, zweite Reihe der aktive Zustand für Ball 3:

http://eyelikeit.com/menu/
User: menu
PW: beispiel

Ideen?

Besten Dank
Uwe
Webdesign from Düsseldorf - made with phpwcms (most of it):
http://eyelikeit.com/index.php?de_beispiele-webdesign
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: Creative Menu Solution Needed

Post by Oliver Georgi »

…lass uns auf Skype wechseln. Grüße, Oliver
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
Post Reply