Actionscript 3.0 :: Full Browser Scale Proportionately
Mar 16, 2009
What I'm wanting to do is load an image into my browser dynamically at full screen. And then when the browser window is scaled the picture scales proportionately with it. (I've seen it on loads of sites, but for some reason I just can't fathom it out (which is really bugging me). I'm using the gaia framework (which is amazing) to do this by the way (not sure if that makes a difference of not?). This is what I've got so far...
Ok so for a while now I had this tiny chunk of code that would resize and image and scale it proportionatly. However I just realized there is an issue and I'm having some trouble fixing it - which should be a joke to fix but I can't.
What's the best practice to scale images in full browser sites? I am new to Flash and have a pretty good understanding of how most things work in Flash. My newest goal is getting Flash to scale 100% on all browsers. But when I do, my pictures become pixelated and I'm sure videos would do this as well. So my question is - what's the best practice or actionscript to keep this from happening? Sites like [URL] that have utilized their abilities to scale their images on any browser are great examples. How can I achieve this?
I am trying to create a website that will full scale the browser window with all the flash elements inside but I am having trouble deciding what resolution to design in and how to lock certain content to not scale.
I am trying to achieve the effect that will consist of a high resolution image as the background for each section of the website that will full screen. Content such as logo and footer etc should always remain locked. An example of this can be found at http:[url]..... If you shrink the browser window all content stays centralised and the top and bottom footer do not scale, although the central part of the site does change. I was wondering how this effect was achieved? How does some content remain locked and others scale. I really can not figure out what dimension size to design in and achieve the high res image effect for the site. I too will require a top and bottom footer.how that site was published and constructed that would be brilliant.At present I am playing around with the following code:
My website is going to have a main wrapper that is set to a max-width property for compatible browsers. It will stretch to 940px across at max. When scaled down I would like the swf to scale proportionately with it. Like an image with width percent applied. The flash movie has the dimensions of 940 × 360 pixels.
I can't seem to figure out the correct attributes to add to the embed tag to get it to do this.I am currently using jquery flash embed, but am open to other options, though this is my ideal.In the example I have set the flash background to black.
When resize the browser window the flash movie doesn't scale proportionately to the div, only the photo does, leaving a blank canvas (black), while the div height stays the same. I can't add a height value in the CSS.How do I make this scale correctly? Adding a noscale param only crops the image. The swf's height doesn't scale also.
Essentially I have an animation with two main movie clips - a foreground and background movie clip.I want the foreground movie clip not to scale but the background movieclip to take the full screen of the browser.I'm only using vector images
I am working in Flash CS3 and Actionscript 3.0 My application resizes according to browser width and height. If the user first resizes the browser and then loads the flash application, I could not get the full browser width untill the user goes for full screen. Is there any way around, to get the full browser width before the user goes for full screen.
I'm working on a small flash site and I want the swf file to have "bleed" or to go to the very end of the window so that the swf isn't just ploped over top of a background. [URL]
[URL].. Anyone know the AS to make it automatically check the size of the browser for the listeners_notice when you resize the browser it works perfectly...but not when it first loads up.
The problem any swfs that I load into are not centered because of the Stage.align = "left"; So I adjusted all loaded swfs like so.
_root._x = 200; _root._y= 100;
Which center my movie perfectly. The problem is when I try my movie on other resolutions the movie is no longer centered? Do I need to write some code that gets the screen resolution and adjusts the _root based on screen resolution?
I am still struggling with transforming my app build in Java/Eclipse to Flex/Actionscript with Flashbuilder.Now I can not find how I should implement an image to cover the hole screen.[code]...
I have a Flash movie that runs full screen, but with StageScaleMode.NO_SCALE so that the actual movie size is the same as it would be if I ran it not full screen.
There is a huge difference in performance between full screen and no full screen. This is despite the movie taking up the same screen space.
I have this code to scale external images to full-screen:
function resize_image(){ pic = big_mc.swfloader; Stage.align = "TL";
[Code].....
It works fine but I want to change it so the scaling is determined by the browser height, at the moment it scales to the browser width so you lose some of the image height - Also, need to keep the images in proportion
Would anybody happen to know if there is a way to scale objects accordingly on stage when switching to fullscreen.. It's sort of like when the stage is set to "scale", and all the objects scale accordingly, but I'm trying to scale the objects while having the stage set to "noScale"..
I'm building a flash website that needs to have fullscreen enabled for the entire site. Does anyone know how to make only specific movieclips scale up in size when entering full screen mode, like various background movieclips?
In AS3 flash - I have a textField with a CSS in it that looks like this:
body { fontSize: 10%; }
When it runs, the font is small. When I click the full screen button, I expected the font to increase proportionally because I set it for 10%. However, this is not working, the font stays at the same size as when not in full screen. I have debugged the onResize event and I can see the style fontSize=10pct when I log it out.
Am I misunderstanding the meaning of % here? I was hoping it would increase the fontSize automatically when going to full screen mode, but that does not appear to be the case.
I need to scale an SWF in a browser in such a way that the MOVIE fills up the screen (100%w&h) but does not stretch the content. I know this is possible for projector, but is it possible for a browser?
I uploaded a swf file with dreamweaver as a stand alone window and it works fine. How do I get the swf file to scale larger or smaller as the user adjusts their browser window larger and smaller? I would like to get the swf file to scale along with the browser window. I posted this in dreamweaver but was told this is an action script issue.
I've created a website in Flash and have posted it to the net. I want it to scale as the user resizes the window, but having little formal training in Flash I'm not entirely sure how to go about it.
it should be a basic task but i cant figure out how to keep a swf from scaling to the size of the browser window. Im making a web site and i want to keep the swf in the centre while showing the entire swf ( ive got over hanging images i want to show), if i can do that and have it embedded in html would be best but anything helps. Ive tried the fscommand but dosent seem to effect within a browser.
if i was to make a flash website is there a way that i could have it scale the width to fit the browser, and scale the height so that it keeps the same aspect ratio and doesn't stretch the contents out of proportion?
My swf size is approximately 1000x700. If the browser size is smaller than this it needs to scale down but if it is larger I don't want it to scale. Just like this [url]...
I've tried publishing the Flash settings at Scaleefault(Show All) which scales it but I need to stop the scaling upwards at 1000x700.
I'd have thought that I could say in the html if (width<1024){scale;} and if(height<700){scale;}. But it's not working. Should it all be done in the html?
I'm using an embed flash player in a web page and I want to scale it to browser window.hen I put "height: 100%" in the flash parameters, I get a blank page.This is the code of the page :
I am wondering how would I scale an image on browser resize with minimum and maximum width and height parameters?
I know how to use the Event.RESIZE function to make my image proportional with the browser using stage.stageWidth/Height, but I am trying to figure out a way to have a movieclip or image scale up or down to a certain dimension such as on browser resize the image max would be 640x480 and the minimum being 320x240.
I need to achieve the image scaling done here (not copying the site, just need that image scaling technique)[url]...
i've got the listeners in place, and have no problem getting images to fit the browser windows. the problem is stopping the distortion, while also making sure at least 1 dimension fits the browser's dimensions (ie no borders appearing along one direction). i don't mind the browser 'cropping' the image.
I'm looking for a way to have the movie play at set dimensions, if the screen is big enough to play it, and scale down if the screen is smaller or the browser is resized. An example of this is here [url]...
As you can see, it's not full screen but set width and height, but when the browser is shrunk it scales it's content to fit within the browser.
