11 Replies Latest reply on Aug 21, 2010 1:25 PM by psha85

    uploading site with loader page

    psha85

      Hi-

       

      I recently added a loader page ("loader.swf") to my flash website. Basically, I created a new file and added a loader which shows the percent loaded, and then it loads in the "index.swf" file. My question is: when I upload my site to the web server, do I use the loader page as the "index" page? My dilemma about that is that I don't want the URL to read "www.mysite.com/loader.html"...

       

      I've never uploaded a Flash site to a server before so if I'm misunderstanding something please explain how this works. Thanks!

       

       

      *Pooja*

        • 1. Re: uploading site with loader page
          Ned Murphy Adobe Community Professional & MVP

          If you want the link to your site to be... www.mysite.com, then you need to have the page your loader sits in be the index page of the site (usually index.html, though there are variations).

          • 2. Re: uploading site with loader page
            psha85 Level 1

            Ohh okay.. Makes sense. Thanks!

            • 3. Re: uploading site with loader page
              psha85 Level 1

              Okay, so I've published the HTML file but when I view it in the browser, it's aligned to the left even though I put the publish settings to align it at the center (horizontal and vertical). It's also cutting off the bottom part of the page. Below is the HTML file that was generated... can you let me know why it's doing that and how to fix it?:

               

              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
                   <head>
                        <title>index</title>
                        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                        <style type="text/css" media="screen">
                        html, body { height:100%; background-color: #ffffff;}
                        body { margin:0; padding:0; overflow:hidden; }
                        #flashContent { width:100%; height:100%; }
                        </style>
                   </head>
                   <body>
                        <div id="flashContent">
                             <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1000" height="700" id="index" align="middle">
                                  <param name="movie" value="index.swf" />
                                  <param name="quality" value="high" />
                                  <param name="bgcolor" value="#ffffff" />
                                  <param name="play" value="true" />
                                  <param name="loop" value="true" />
                                  <param name="wmode" value="window" />
                                  <param name="scale" value="exactfit" />
                                  <param name="menu" value="true" />
                                  <param name="devicefont" value="false" />
                                  <param name="salign" value="" />
                                  <param name="allowScriptAccess" value="sameDomain" />
                                  <param name="allowFullScreen" value="true" />
                                  <!--[if !IE]>-->
                                  <object type="application/x-shockwave-flash" data="index.swf" width="1000" height="700">
                                       <param name="movie" value="index.swf" />
                                       <param name="quality" value="high" />
                                       <param name="bgcolor" value="#ffffff" />
                                       <param name="play" value="true" />
                                       <param name="loop" value="true" />
                                       <param name="wmode" value="window" />
                                       <param name="scale" value="exactfit" />
                                       <param name="menu" value="true" />
                                       <param name="devicefont" value="false" />
                                       <param name="salign" value="" />
                                       <param name="allowScriptAccess" value="sameDomain" />
                                       <param name="allowFullScreen" value="true" />
                                  <!--<![endif]-->
                                       <a href="http://www.adobe.com/go/getflash">
                                            <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                                       </a>
                                  <!--[if !IE]>-->
                                  </object>
                                  <!--<![endif]-->
                             </object>
                        </div>
                   </body>
              </html>
              

               


              Please let me know. Thanks!

               

               

              *Pooja*

              • 4. Re: uploading site with loader page
                Ned Murphy Adobe Community Professional & MVP

                Try changing the one div line to be...

                 

                <div id="flashContent" align="center">

                 

                As far as things getting cut off, I don't know what that means.  Either show a picture or load the files to a server amd provide a link to view them.

                • 5. Re: uploading site with loader page
                  psha85 Level 1

                  Thanks, that seemed to solve the problem of the alignment. Here is a screenshot of what's getting cut off at the bottom: http://tinypic.com/r/mmrfhg/4

                   

                  And I'm also not sure how to fix the white space on the sides. I made the stage size to be 1000 x 700 but my resolution is 1280 x 800... is there some way I can fix this discrepancy so that it appears the same to all users?

                   

                  Let me know... thanks

                   

                   

                   

                  *P*

                  • 6. Re: uploading site with loader page
                    Ned Murphy Adobe Community Professional & MVP

                    I casn't tell anything from the link you provided... too much junk sharing the page.  The best guess I can make in any case is that your design it too high to fit in the window.

                    • 7. Re: uploading site with loader page
                      psha85 Level 1

                      Sorry about that... I've hosted the image on a different site.. see it here: http://img716.imageshack.us/img716/6696/screenshotem.jpg

                       

                      My idea about this is to reduce the height of the swf so that it will fit on the page. As for the white borders on the sides, I think I will load in a background image that is the beige gradient used on this swf and I will set it to be the largest resolution with "overflow: hidden". The only thing I'm not sure of though is how to have that background load in only when it loads the content.swf not the initial preloader, as that needs a white background. Any suggestions? I hope this makes sense.

                       

                      Thanks,

                       

                       

                      *P*

                      • 8. Re: uploading site with loader page
                        psha85 Level 1

                        Update: I decided to make the preloader background the same as the other. However, when i load a background into the HTML file, the SWF shows up with a border around it.. like a grey line. I made sure I didn't apply any stroke to the flash document but it's still showing up that way. Is there any way to avoid this so it would not show that it's set apart from the HTML background? I want both of them to blend together. This is really confusing....

                        • 9. Re: uploading site with loader page
                          Ned Murphy Adobe Community Professional & MVP

                          I believe this is something you can solve using CSS in the html page, though I can't remember for sure if this is what solved it...  try adding the following style in the page...

                           

                          body {
                             outline: none;
                          }

                           

                          If that doesn't work, there is some CSS element that takes care of it, I just can't remember what it is and Googling for it escpaes me at the moment.

                          • 10. Re: uploading site with loader page
                            psha85 Level 1

                            I tried both 'outline' and 'border' properties in CSS but it doesn't change it. Here is the screenshot of what's happening: http://img265.imageshack.us/img265/9696/sites.jpg

                             

                            The colour of the html background isn't the same (which I'm working on) but the lines on the right and left of the SWF file really messes it up.

                            • 11. Re: uploading site with loader page
                              psha85 Level 1

                              Never mind.. I seem to have fixed it without trying. Not sure how but now it

                              looks fine. Thanks again for your help