2 Replies Latest reply: Mar 1, 2009 8:04 AM by FX2009 RSS

    How do you make a fullscreen scaling flash site like this...www.brook-pifer.com ?

    OrlandoJetset Community Member
      Hi,

      I want to create a flash website that will expand fullscreen according to the user's screen resolution. I want it exactly like this one:

      http://www.brook-pifer.com/

      1. What dimensions should I be using to design in Photoshop? (1024 x 768)????
      2. What do I need to specify when publishing from Flash?
      3. What code do I need to add to my HTML page?

      Thank you so much in advance for any assistance...
        • 1. Re: How do you make a fullscreen scaling flash site like this...www.brook-pifer.com ?
          Marek Mularczyk Community Member
          When you publish your flash design, you can change the publishing settings from certain size in pixels to percent and then just set it 100 x 100. It will expand to fill the whole browser window.
          Next, publish swf file and html file and Flash will do all the work for you.
          • 2. Re: How do you make a fullscreen scaling flash site like this...www.brook-pifer.com ?
            FX2009
            Hi,

            let's try to help you ...
            First off, 1024 x 768 is to launch out surely okay coz its standard screen size and only some older notebooks got 800 x 600 though.

            2. What do I need to specify when publishing from Flash?
            Use some code of Actionscript ...

            If you want to get a fullscreen by open your website then add this code:
            getURL("FSCommand:fullscreen", "true");
            getURL("FSCommand:allowscale", "false");
            getURL("FSCommand:showmenu", "false");

            if you wanna let the user decide whether fullscreen or not by button take this code:
            Stage.scaleMode="noScale";
            Stage.align="TL";

            var resizeListener:Object = new Object();

            resizeListener.onResize = function() {
            toggleFullScreenButton._x=Stage.width*2;
            toggleFullScreenButton._y=Stage.height*2;


            And put this part of code to your button:

            function toggleFullScreen() {
            if(Stage["displayState"] == "normal) {
            Stage["displayState"]="fullScreen";
            }else{
            Stage["displayState"]="normal";
            }

            on(press) {
            toggleFullScreen();
            }

            3. What code do I need to add to my HTML page?
            Well, I suggest you're supposed to use some JavaScript code like
            swfobject.js or AC_RunActiveContent.js if you want that GOOGLE index your website properly. By the way its open-source!

            Okay, that's it! Its your turn now ...