help with button script

Discussion in 'Programming' started by eyecube-art, Nov 15, 2009.

  1. #1
    Hi!
    Making a site in dreamweaver cs4 and wants to make a singel button (mouse over)in an animation to bring others buttons.
    *Not like a dropdown menu!,
    The others buttons going to be created from the single button seen in an animation when you have mouse over the singel button and be spread out and after that clickable, when you touch the first single button again it will be like a reverse animation. Hope you understands. :eek:



    Someone knows or knows any good tutorial /tips or script to do this or likewise this ? ;)
     
    eyecube-art, Nov 15, 2009 IP
  2. NeoCambell

    NeoCambell Peon

    Messages:
    456
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    How about using a Animated GIF created to animate only ones and placed above another. So one will be the animation to display the button the other to hide it. You can detect button click using the image.
    This is just a quick thought, there can be more professional ways to do this.
     
    NeoCambell, Dec 5, 2009 IP
  3. eyecube-art

    eyecube-art Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yeah that's the easy way out but not exactly what i want it to be.

    I want it more like this menu here:
    Example: http://dice.se
     
    eyecube-art, Dec 5, 2009 IP
  4. shofstetter

    shofstetter Well-Known Member

    Messages:
    178
    Likes Received:
    7
    Best Answers:
    1
    Trophy Points:
    120
    #4
    They are using a flash animation to do it, the same effect and be done using
    and iframe with javascript to change the url with the onmouseover and onmouseout events. to load the image or the page containing the links.

    
    
    <iframe name="FRAME5"  width="166" height="93" src="somepicture.gif" frameborder="0" scrolling="no" onmouseover="document.FRAME5.src='pagewithlinks.html'"
    onmouseout="document.FRAME5.src='somepicture.gif'"></iframe>
    
    
    
    Code (markup):
    it's not as fancy, but it achieves the same effect.
     
    shofstetter, Dec 5, 2009 IP
  5. NeoCambell

    NeoCambell Peon

    Messages:
    456
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I also agree with shofstetter... There should be open source JScript available if you search a bit.
     
    NeoCambell, Dec 6, 2009 IP
  6. eyecube-art

    eyecube-art Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    ok Thx :) I testet this first whit js in dw but failed.... tried to made the hole concept in flash and loaded it to dw and it workes fine.
     
    eyecube-art, Dec 6, 2009 IP