/    Sign up×
Community /Pin to ProfileBookmark

Please see the following web page:

[url]http://moparch.com/moparch/architect…ucture/ds.html[/url]

My question is: how do i get the flash movie (containing the pictures) to scale when the browser window gets smaller in the vertical direction?

Right now it scales fine in the horizontal direction, but stays the same size when you make the window smaller in the vertical direction.

Thank you in advance.

to post a comment
HTML

2 Comments(s)

Copy linkTweet thisAlerts:
@Eye_for_VideoJan 31.2011 — You are getting 100% width because of
[CODE]<table width="100%" border="0">[/CODE]
For scaling the Flash element, you might want to look into the various Flash scaling params. You can also scale the Flash within it's own <div>, not just the entire page. From an old post:
Here are examples of different scaling parameters available in the Publish settings. You can also add these parameters directly in the html (<param name="scale" value="noscale"). All the examples replace the actual Flash dimensions with 100% for both width and height (width="100%" height="100%"). These examples use the old <object> and <embed> to illustrate the different ways to scale Flash. Once you understand how it works I’d recommend that you use swfobject to place the Flash in your final project.

View the source code for each page to see the full code.

http://www.cidigitalmedia.com/tutorials/scale/exact_fit.html

"exactFit" scales the file to fit exactly within the confines of the screen, irregardless if the movie becomes consequently distorted. The original aspect ratio is not maintained. So round things are not round and squares are not square.

http://www.cidigitalmedia.com/tutorials/scale/noScale.html

"noScale" is the default setting, and causes the movie to be displayed at the originally designed dimensions.

http://www.cidigitalmedia.com/tutorials/scale/no_border.html

"noBorder" causes the movie to be scaled to what ever dimensions are needed to have no border surrounding the movie within the player, which consequently could result in some of the movie being cut off from view. In other words, the movie will maintain the original aspect ratio and will fill the screen completely. But if the movie has to be streched wider to fill both sides of the screen, it will also stretch taller, but then some of the top and the bottom of the movie may be cut off from view.

http://www.cidigitalmedia.com/tutorials/scale/show_all.html

"showAll" scales the movie to the size of the screen (which could cause pixelation if the file contains raster information), the difference between showAll and exactFit is that showAll mantains initial movie size proportions. Because it maintains the original aspect ratio, there can be space to the sides or the top and bottom. But everything always shows and they are not distorted. But notice the photo in the center, it becomes pixilated at larger screen resolutions.

The trickiest part of trying to go full screen is that it’s difficult to make the Flash wider without making it taller also, that is, to maintain the correct proportions or aspect ratio of everything on the stage. These methods are just simple scaling accomplished with html. There are also methods to dynamically scale the stage and it’s elements using Actionscript… but that’s a much more complex undertaking.[/QUOTE]
Best wishes,

Eye for Video

www.cidigitalmedia.com
×

Success!

Help @karlpilkington spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...