1 Reply Latest reply on Jul 31, 2014 5:45 AM by Missekatten2

    create a preloader in flash cc canvas html5

    Missekatten2

      Hi there,

      I am creating a website in Flash cc canvas html5.

      How do I create a preloader for my pages?

      Thanks

      Lis S

        • 1. Re: create a preloader in flash cc canvas html5
          Missekatten2 Level 1

          Hi Again,

          I have tried to use heartcode canvasloader ( Heartcode CanvasLoader Creator | Smarter than an animated GIF ).

          Here is the result: http://www.lis-sinding.dk/preloadertest/

          The preloader will not disappear after the page has been loaded. Anybody know the javascript code for hiding the preloader animation, when the page is loaded?

          What is wrong?

          Before </head> I inserted this script:

          </script>

          <script type="text/javascript" src="http://heartcode-canvasloader.googlecode.com/files/heartcode-canvasloader-min.js"></script>

           

          <style type="text/css">

           

          .wrapper {

           

          position:absolute;

           

          top:45%;

           

          left:47%;

           

          }

           

          body {

              margin-left: 16%;

              margin-top: 0%;

          }

          </style>

          <div id="canvasloader-container" class="wrapper"></div>

           

          <script type="text/javascript">

           

          var cl = new CanvasLoader('canvasloader-container');

           

          cl.setDiameter(75); //default is 40

           

          cl.setDensity(50); //default is 40

           

          cl.setRange(0.75); //default is 1.3

           

          cl.setSpeed(2); //default is 2

           

          cl.setFPS(14); //default is 24

           

          cl.setColor('#28409c'); //default is '#000000'

           

          var loaderObj = document.getElementById("CanvasLoader");

           

          loaderObj.style.position = "absolute";

           

          loaderObj.style["margin-top"] = loaderObj.height*-.5 + "px";

           

          loaderObj.style["margin-left"] = loaderObj.width * -.5 + "px";

           

          </script>

           

          Hope anybody can help me

           

          Thanks

          Lis S