Skip to main content
christoph_allerhand
christoph_allerhand
Known Participant
November 9, 2022
Answered

Im Kreis angeordnetes, animiertes Menu

  • November 9, 2022
  • 2 replies
  • 1352 views

Hallo miteinander

Ich möchte gerne ein HTML5 Menu umsetzen welches wie folgt aussieht:

 

- 5 Menupunkte werden als Blütenblätter dargestellt, welche im Kreis angeordnet sind.

- Onmouseover über ein Blütenblatt soll das Blat vergrössern lassen.

- Alle anderen Blütenblätter "schrumpfen" bzw. sollen sich verkleinern.

- Onmouseout lässt das Blütenblatt wieder verkleinern bzw. alle Blütenblätter werden wieder auf den Urpsungszustand zurückgesetzt.

Ist dies möglich? Wo muss ich ansetzen?

 

Vielen Dank und freundliche Grüsse

Christoph

 

    This topic has been closed for replies.
    Correct answer kglad

    Hi kglad

    Wow. This is exactly what i wanted ... Thank you!
    One last thing. It's a web menu. After enlarging the petals, i should be able to click to go to a specific URL.

    All the best

    Regards

    Christoph


    clear you cache if you want to test the updated rose_test with click events:

     

     https://www.kglad.com/Files/forums/flower/ROSE_Test.html

     

    here's your fla,  https://www.kglad.com/Files/forums/flower/flower_v003.fla

     

    be sure to edit urlA so it has the url's you want.

    2 replies

    christoph_allerhand
    christoph_allerhandAuthor
    Known Participant
    November 13, 2022

    Hallo. Brilliant. Google! Darauf muss man auch erst mal kommen.
    Im Ernst. Ich habe Stunden damit verbracht Tutorials zu schauen, Helpfiles zu studieren und bin einfach nicht weiter gekommen. Als letzte Hoffnung habe ich gedacht, ich probiers mal im Forum wo die Experten sind. Aber danke trotzdem.
    Viele Grüsse
    Christoph

    kglad
    Community Expert
    kgladCommunity Expert
    Community Expert
    November 13, 2022

    what did you expect?  do you expect me to do your work for you? 

     

    in particular, there is so much ambiguity in your description there's no way to do your work for you without a discussion to determine exactly what you want, or even easier, just download your fla, get more information and then do your work for you.

     

    anyway, pushing aside the bad start, these forums are best used for specific well-defined questions.  for example, how do you define a mouseover: answer:

     

     

    stage.enableMouseOver(10);

    this.petal1.addEventListener("mouseOver",petal1F.bind(this));

     

    function petal1F(e){
    this.leaf1.scaleX=this.leaf1.scaleY = 2;  // if you want to animate this, it's a little more complicated.

    }

    kglad
    Community Expert
    kgladCommunity Expert
    Community Expert
    November 17, 2022

    Hi kglad

    thank you. this is perfect ...

    regards

    christoph


    you're welcome.

    kglad
    Community Expert
    kgladCommunity Expert
    Community Expert
    November 9, 2022

    yes, it doable.

     

    you can start by learning how to code using adobe canvas, javascript and createjs.  google tutorials for each.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices