A Flash Developer Resource Site

Results 1 to 4 of 4

Thread: Need Help Making Flash fit 100% to Browser

  1. #1
    Nate Wolfe
    Join Date
    Jun 2006
    Location
    Orange County, CA
    Posts
    75

    Need Help Making Flash fit 100% to Browser

    I'm trying to make a webpage in Flash 8. What I want to do is have the swf take up 100% of the browser, regardless of the user's screen size. How do I do this without the swf getting all skewed?

    For a perfect example of what I mean, check out this link: http://www.thebluestorm.com/

    When the page opens, it takes up 100% of the browser, and looks perfect. I looked at the source code, and it seems like they're using a java scipt to make it fit. Can someone please explain how to do this?

    Thanks!!!
    Relentless. Invincible.

  2. #2
    Junior Member
    Join Date
    Jul 2006
    Posts
    19
    I think they have just used a 'noscale' so the move itself doesn't load when set to 100% in the browser...

    in regards to the bottom bit moving i presume they've just used a screenHeight - "whatever the height of the text is at the bottom"

    im not 100% sure, hope this helps

  3. #3
    Nate Wolfe
    Join Date
    Jun 2006
    Location
    Orange County, CA
    Posts
    75
    Thanks for the imput. Here is the page source:


    <html lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>The Bluestorm</title>
    <style type="text/css">
    body { margin: 0 0 0 0; background-color: #000000; color: #FFFFFF; }
    .style1 {color: #66CCFF}
    </style>

    </head>
    <body>
    <script type="text/javascript" src="flashembed.js"></script>
    <div style="text-align: center; padding-bottom: 0px;">
    <div id="flashcontent">
    <div style="padding: 20px; font-size:14px; font-weight: bold;">
    You either have JavaScript turned off or an old version of Macromedia's Flash Player, <a href="http://www.macromedia.com/go/getflashplayer/" class="style1">click here</a> to get the latest flash player.
    </div>
    </div>
    </div>

    <script type="text/javascript">
    // <![CDATA[
    var fo;
    if ( screen.width < 1024 ) {
    fo = new FlashObject("base.swf", "The Bluestorm", "975", "575", 8, "#000000");
    } else {
    fo = new FlashObject("base.swf", "The Bluestorm", "100%", "100%", 8, "#000000");
    }
    fo.addParam("menu", "false");
    fo.write("flashcontent");
    // ]]>
    </script>
    <noscript>
    <a href="http://www.macromedia.com/go/getflash/">Get Flash</a>
    </noscript>

    </body>
    </html>
    Relentless. Invincible.

  4. #4
    Nate Wolfe
    Join Date
    Jun 2006
    Location
    Orange County, CA
    Posts
    75
    So... say I want something to fit a 1024 x 768 screen size... What size (in pixels) should a build my flash file? And then how exactly do I make it fit the screen without scrolling or fitting but getting distorted? I really appreciate your help, but I'm still totally confused!
    Relentless. Invincible.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center