Skip to main content

swffit auto-resizes Flash websites to browser window size

Among the many usability problems plaguing Flash websites is the problem of fluidity. Pure CSS based websites has the property of auto adjusting the contents of the page to fit the browser window size. If the window size is small the content can wrap itself to always remain visible. Of course, the site designer must allow for this behavior.

swffit_logoOn the other hand, on a Flash website if you set the Flash size to 100% width and/or height (full bleed) the browser won't generate scrollbars and maybe an important content will be hidden for the user. If you must use Flash on a website, you should take a look at swffit.

swffit, formerly called FitFlash, is a smart script that resizes your flash movie automatically if your browser window size is smaller or greater than your flash minimum desired size keeping it accessible independent of screen resolution.

swffit automatically resizes the Flash to 100% width and 100% height (full bleed) when your browser window is greater than the minimum desired size and resizes flash to the minimum desired size when the browser window is smaller. It can also resize the flash movie to a maximum size if the browser window size is greater than the maximum size.

Using swffit is simple. Just include the swffit.js Javascript file in your pages and then just call one simple javascript function with the desired dimensions.

<script type="text/javascript" src="swffit.js"></script>
<script type="text/javascript">
<!--
swffit.fit("my_flash", 1000, 590);
//-->
</script>

You can find a number of live examples (and download link) at the bottom of this page.

Labels:

Comments

Post a Comment

Popular posts from this blog

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.
1 comment
Read more

69 alternatives to the default Facebook profile picture

If you have changed the default Facebook profile picture and uploaded your own, it’s fine. But if not, then why not replace that boring picture of the guy with a wisp of hair sticking out of his head with something different and funny?
332 comments
Read more

How to remove watermark from an image or picture

A watermark is any recognizable text, logo or pattern that appears over an image to identify the owner of the image and generally used to prevent unauthorized reuse of the image. Watermarks are usually transparent and can be difficult to remove. The difficulty or ease of removal depends on the content of the image and the position, color, size etc of the watermark.
210 comments
Read more