phpwcms Support Forum

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

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

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

…lass uns auf Skype wechseln. Grüße, Oliver