Flash JavaScript Resizer – fill the browser window without cropping

Creating Flash content that fills the entire browser window right up to the chrome is nothing new. Normally it is accomplished by setting the swf’s width and height to 100% in the object and embed tags and controlling how different elements respond to resizing with ActionScript within the Flash Movie. But in a recent project I needed to ensure that the swf did not scale below a certain size so that the browser is forced to display it’s scrollbars. This is because while the stage of the movie scales the main content is not scaled, only centered. That makes the browser crop your swf, effectively rendering the use of small(er) screen resolutions impossible.

See for yourself: Resize Example

Because of this I had to write a small JavaScript to gain back some control over how the move resized. Here you go, you can either download only the JS-file or the entire zipped example above.

flashresizer.js flashresizer.js

ResizeExample.zip Entire zipped example

Enjoy!

Tags: , , , , , , , , ,

This entry was posted on Tuesday, January 8th, 2008 at 10:34 pm and is filed under Problems & Solutions. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

  1. Jensa says:
    Wednesday, January 9, 2008 at 10:23 am

    Nice! Slightly “sluggish” but works like a charm :)

    J

  2. admin says:
    Wednesday, January 9, 2008 at 10:33 am

    I noticed that it indeed performs a little sluggish in FireFox, but not in IE or Safari.

  3. dan says:
    Thursday, January 1, 2009 at 5:38 am

    Could you convert the fla’s to flash 8 for me?

    If so thanks.

  4. admin says:
    Monday, January 5, 2009 at 10:18 am

    Sorry, Dan. I only have Flash CS4 (version 10), and that can only save down as Flash 9 (CS3).

  5. indenteda says:
    Tuesday, May 4, 2010 at 6:02 pm

    Shahid Kapoor and Priyanka Chorpa first time worked together in Vishal Bhardwaj’s Kaminey movie. In the film ‘Kamine’ Shahid Kapoor and Priyanka Chopra shotted a lip lock related scene. For this scene firstly Priyanka have refused but lately she agreed on director Bharddhaj’s saying.
    This scene completed after taking 5 retake shots. Now you see on the screen that how looks like their chemistry. Check put below given Shahid Kapoor Priyanka Chopra lip locked exclusive video clip.

    [url=http://www.bollywood-latest.com/2010/04/shahid-kapoor-priyanka-chopra-sexy-lip-lock-kissing-video/]Shahid Kapoor Priyanka Chopra Sexy Lip Lock Kissing video[/url]

    [url=http://www.bollywood-latest.com/]Bollywood Blog[/url]

    [url=http://www.bollywood-latest.com/]Bollywood News[/url]

  1. MasterPhoto.no launched! | The Nordhagen says:
    Wednesday, February 6, 2008 at 12:50 am

    [...] A tricky part of this project was getting the site swf, which filles the entire browser, to scale to fit the browser window, but not so that it would crop the site without displaying scrollbars on smaller screens. The solution was a little javascript that I published in an earlier post. [...]

Leave a Reply