4 Replies Latest reply on Jul 5, 2007 8:52 AM by Newsgroup_User

    Multiple Rollover behavior help

    willowdell
      I have an image with 3 tabs across the top and then a large area at the bottom (looks like a tab control). When the user hovers over the 1st tab, the tab image has a rollover effect, then the bottom area changes images as well. Same thing with the other 2 tabs, etc. The problem is, the bottom image also has rollover effects as well. I sliced the bottom image up and when the user hovers over these individual slices I need a swap image on those as well. There is a different bottom image for each 3 tabs, and within each of those images there are many rollover effects that I need.

      This is how I set up the frames: frame 1 has the original image of the tabs and the bottom image. frame 2 has the swap image for the tabs and bottom tabs. When I try to add the individual slices to frame 3 for the first bottom tab, the slices are added to all frames. During preview in browser, these individual slices make the first bottom image distorted and mess everything up. I did export all of the slices and am attaching the code. I understand this is a complicated/advanced issue but would really appreciate any help regarding this. I've been using fireworks for quite a while and am not sure how to connect the 2 behaviors so they work. BTW - if I just preview the bottom image w/sliced images for each tab I see the image swap ok. It just happens when I try to integrate it all together. This is what i'm not sure how to do.
        • 1. Re: Multiple Rollover behavior help
          willowdell Level 1
          I can't see any other code other than the tab resting view, but wanted to include the individual tab code as well. I hope this works...
          • 2. Re: Multiple Rollover behavior help
            Level 7
            willowdell wrote:

            > I have an image with 3 tabs across the top and then a large area at the bottom
            > (looks like a tab control). When the user hovers over the 1st tab, the tab
            > image has a rollover effect, then the bottom area changes images as well. Same
            > thing with the other 2 tabs, etc. The problem is, the bottom image also has
            > rollover effects as well. I sliced the bottom image up and when the user
            > hovers over these individual slices I need a swap image on those as well.
            > There is a different bottom image for each 3 tabs, and within each of those
            > images there are many rollover effects that I need.

            What you want to do cannot be done in Fireworks because, as you have
            observed, the Web layer is active across all frames.

            --
            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/
            http://www.adobe.com/communities/experts/
            --------------------------------------------------------------
            • 3. Re: Multiple Rollover behavior help
              willowdell Level 1
              How would you suggest I proceed with this design requirement? Is there any way to tie the 2 behaviors together without writing a bunch of code?
              • 4. Re: Multiple Rollover behavior help
                Level 7
                willowdell wrote:

                > How would you suggest I proceed with this design requirement? Is
                > there any way to tie the 2 behaviors together without writing a bunch
                > of code?

                First, let's make sure this doesn't fit the model of what you are trying
                to do.

                http://www.playingwithfire.com/tool_tips/tabs.html

                I'm a graphic artist and don't do any markup unless bribed by vast
                amounts of cash, but you could do them in Dreamweaver with Show/Hide
                behaviors. Murray, is that method completely out of date now?

                By the way, you might want to rethink tabs as rollovers. It doesn't fit
                with the tab metaphor to have them change states. Things that wander
                outside the metaphor confuse the viewers/users.

                --
                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/
                http://www.adobe.com/communities/experts/
                --------------------------------------------------------------