7 Replies Latest reply on Oct 31, 2006 7:52 AM by Newsgroup_User

    Exporting Frames Anim in FW8

    whiskey3 Level 1
      I have like a 21 frame animation. It is final and previews great. When I mouseover text in the anim an image changes for each mouseover of each text I make. When I export the slices to an htm and images it makes way toomany images and the webpage takes forever to load off the server. So I tried to export the first frame only which I did, but then I want to just export the image by themselves when I rollover the text but when I select selected slice only or image only it is a damn problem. How do I export a 20 frame anim so it is not so large and loads quickly in an htm page without all of the extra frames? What's the point of making it in FW8 if it is so large? Should I use Flash or Swish instead?
        • 1. Re: Exporting Frames Anim in FW8
          Level 7
          There are a lot of variables in your question. Could you post a URL to
          look at?

          If you are creating menus you might also take a look at doing them using
          lists and formating them with CSS. There is a lot of info on getting you
          started down that path at http://www.projectseven.com

          whiskey3 wrote:
          > I have like a 21 frame animation. It is final and previews great. When I
          > mouseover text in the anim an image changes for each mouseover of each text I
          > make. When I export the slices to an htm and images it makes way toomany images
          > and the webpage takes forever to load off the server. So I tried to export the
          > first frame only which I did, but then I want to just export the image by
          > themselves when I rollover the text but when I select selected slice only or
          > image only it is a damn problem. How do I export a 20 frame anim so it is not
          > so large and loads quickly in an htm page without all of the extra frames?
          > What's the point of making it in FW8 if it is so large? Should I use Flash or
          > Swish instead?
          >
          • 2. Re: Exporting Frames Anim in FW8
            whiskey3 Level 1
            http://www.moldex.com/disposablerespirators2.htm

            Let me know if you can help. The problem is is that FW8 exports every image from the 21 frames so there are 21 images for each slice and it takes too long too load.
            • 3. Re: Exporting Frames Anim in FW8
              Level 7
              Actually the biggest weight of your page is the Flash file and those
              javascript menus you are using.

              Here is a link that can tell you more about your page(s)
              http://www.websiteoptimization.com/services/analyze/

              Definitively ditch the menu system you have and do it with a CSS
              formated list.
              Check the uberlink and MacFly tutorials at PVII
              ( http://www.projectseven.com/)

              and the Navbar tutorial/articles at Thierry's place
              ( http://tjkdesign.com/navbars/)

              Or to get it done fast, go here -

              http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm

              You have nested tables when there is no real need for them.

              Each table cell has a different image that is being used as a
              background. It would be a lot more efficient to use a small background
              image for the whole table. That would save about 18 images.

              -alex






              whiskey3 wrote:
              > http://www.moldex.com/disposablerespirators2.htm
              >
              > Let me know if you can help. The problem is is that FW8 exports every image
              > from the 21 frames so there are 21 images for each slice and it takes too long
              > too load.
              >
              • 4. Re: Exporting Frames Anim in FW8
                whiskey3 Level 1
                How do I lose the nested tables.....could you explain? I'm not sure what you mean about the small image I basically have my background on frames 1 thru 19. Does Fireworks have to export all those images 19 times? I will definetely check out your Nav Bar stuff. Does your nav bar have any problems in Safari?
                • 5. Re: Exporting Frames Anim in FW8
                  Level 7
                  basically your layout is table hell. unnecessary tables and markup
                  language to explain a relative simple design. Believe me, years ago that
                  is as far as i got. Eventually I learned more about html and CSS and
                  gradually moved away from it. (the operating word being 'gradually').
                  Today I don't let FW create html for me. Mostly because I like having
                  control over it and am fairly comfortable hand coding CSS.

                  here is a small example I cooked up for you.
                  http://www.alexmarino.com/moldex.html.
                  Not exactly the same layout you have, but maybe it will let you see what
                  I am talking about.
                  Look at the code of the page.
                  One table, text, not images for the links.
                  The only link that works is the first one on the second row.

                  alex


                  whiskey3 wrote:
                  > How do I lose the nested tables.....could you explain? I'm not sure what you
                  > mean about the small image I basically have my background on frames 1 thru 19.
                  > Does Fireworks have to export all those images 19 times? I will definetely
                  > check out your Nav Bar stuff. Does your nav bar have any problems in Safari?
                  >
                  • 6. Re: Exporting Frames Anim in FW8
                    whiskey3 Level 1
                    Yes this is great and what I'm looking for so it won't take forever to load. I'm sure I won't be coding by hand anytime soon. I remember the HTML days back in 1991 though.......Do you have links or CSS tutorials I can start with on rollovers so I can do this.....or do I have to convert the whole site to CSS first....and then start......
                    • 7. Re: Exporting Frames Anim in FW8
                      Level 7
                      Google will always be the best resource for you.
                      I have learned a lot from Eric Meyers books.
                      Lynda.com has some good videos and books on CSS.

                      There are tons of resources out there for you. Just look around a bit.
                      If you have Firefox, download the Web Developer extension which will,
                      among many other things, introspect the CSS rules of any site you go to.

                      You can start working on your page and add CSS styles to it as you go.

                      whiskey3 wrote:
                      > Yes this is great and what I'm looking for so it won't take forever to load.
                      > I'm sure I won't be coding by hand anytime soon. I remember the HTML days back
                      > in 1991 though.......Do you have links or CSS tutorials I can start with on
                      > rollovers so I can do this.....or do I have to convert the whole site to CSS
                      > first....and then start......
                      >