2 Replies Latest reply on Jun 9, 2006 12:49 PM by Newsgroup_User

    Animated gif Rollover

    xExAxDxGx
      I am still in the process of learning Fireworks 8, so I apologize if this is a silly question or I'm being a little too imaginative with my goals.

      At the moment, I am attempting to create a button that will essentially have a small background that will move behind the text from left to right when it is rolled over. I'm not sure how or if I should attempt to put this in Frame 2 or something, or if there is a way I can use the Swap Image function to allow this animation to occur. Attempts at this have only showed the final frame of my animation when the button is rolled over.

      Hah, is this even the right program to be using?

      Thanks for your time,
      silly n00blol
        • 1. Re: Animated gif Rollover
          llamaparsnip
          I'm not sure you can do what you need using a rollover button made in fw. Maybe somebody else knows better, but in case there isn't a solution an alternative might be to use a background image that is an animated gif that appears on hover. Here is a link to an article that explains: http://alistapart.com/articles/customunderlines
          • 2. Re: Animated gif Rollover
            Level 7
            xExAxDxGx wrote:

            > I am still in the process of learning Fireworks 8, so I apologize if this is a
            > silly question or I'm being a little too imaginative with my goals.
            >
            > At the moment, I am attempting to create a button that will essentially have a
            > small background that will move behind the text from left to right when it is
            > rolled over. I'm not sure how or if I should attempt to put this in Frame 2 or
            > something, or if there is a way I can use the Swap Image function to allow this
            > animation to occur. Attempts at this have only showed the final frame of my
            > animation when the button is rolled over.

            The trick is to create the animation separately, and export it. In the
            Swap Image editor, you can select an existing file as the swap image.
            Choose the exported animation. Note that it is important for both images
            being swapped to have the same dimensions. Make sure you uncheck the
            preload images option or the animation might not start on the first
            frame when you mouse over it.

            --
            Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
            --------------------------------------------------------------
            http://www.projectseven.com
            Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
            CSS Newsgroup: news://forums.projectseven.com/css/
            Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
            --------------------------------------------------------------