3 Replies Latest reply on Feb 19, 2013 9:50 AM by Comfunex1

    relationship between the "Stage" and the "preLoader"

    jdhughen Level 1

      Other than the "preLoader" loading the project what is the relationship between the 2 elements in the project. Is the "preLoader" on the stage? is there a "stage" for the preloader ?

      In css markup in my html file to I need to deal with them seperately if I want to move there loaction?

       

      I use...

      sym.$("#Stage").css({"margin": "auto"})

      in compReady to center my stage. I tried do this with the preloader but it doesn't work. The stage is centered but the preloader off to the left.  Is there some code I can add to the project so my preloader will allways center in the same location where my stage is placed?

       

      If I'm using html css markup to place my "stage" how do I address the preloader so it's goverened by the same markup ?

       

      Also maybe this should be a seperate post question, but how would i add a timer to report preload times to the console ?

       

      Thanks

       

      Joel H

        • 1. Re: relationship between the "Stage" and the "preLoader"
          Comfunex Level 2

          use this in your html file

           

          in the <head> section

           

          <style type="text/css">

          <!--

          #Stage {

              height: 596px; [your stage height]

              width: 553px; [your stage width]

              margin-right: auto;

              margin-left: auto;

          }

          -->

          </style>

          • 2. Re: relationship between the "Stage" and the "preLoader"
            jdhughen Level 1

            That doesn't work all the time and sometimes it works with stage but not the preloader, especialy if I want to center vertically also like

            <style>

            #Stage {

               

                    width:350px;

                    height:350px;

                    position:absolute;

                    left:50%;

                    top:50%;

                    margin:-175px 0 0 -175px;

            }

            </style>

             

            this doesn't work. But if I apply the same markup to a wrapper div it does work. like

            <style>

            #StageWrapper {

               

                    width:350px;

                    height:350px;

                    position:absolute;

                    left:50%;

                    top:50%;

                    margin:-175px 0 0 -175px;

            }

            </style>

             

            then in the <body>

             

            <div id="StageWrapper">

            <div="Stage"  class="EDGE-blah-blah">

            </div></div>

             

            this works great, you just can't open your html file in edge again cause it screws your project all up.

             

            I was just wondering why if I was centering my stage with js in the project file why the preloader wasn't doing the same thing or how to do the same thing with js in the project file

             

            thanks

             

            Joel H