ActionScript 3.0 :: Flash Background Image Fit In 100% Area Of Browser?
Feb 15, 2011
I want to create a website in flash for which i want to use the bg in flash to fit on 100% of width and height of browser in which it is opened (according to screen resolution) but want the content and other things used remain in same layout (they should not stretch) and remain in the middle area of the browser, like you see mostly a html page have a bg image which is set to fill 100% of width and height of the page.
is it possible with flash, i dont want to use bg image of html page (body tag background image)
View 1 Replies
Similar Posts:
May 14, 2009
This is a thing I developed using Flash and Javascript, to set any image dynamically as a background image of a web page and allow all other page content to scroll over the top of it.
[URL]
Would be interested on anyone's comments feedback, particularly about the flash (source code can be downloaded)
View 1 Replies
Dec 2, 2009
i want to create a flash website where the whole browser window is filled with a background image/photo which resizes proportionally when the browser window is resized. Has to be using as2.URL...
View 2 Replies
Jun 16, 2010
I used a colour gradient background image on my stage for my website.Managed to load up the same background onto the browser background.However, the result is not satisfactory as I can see the website background image boundaries against the browser background.How can I get around this? Or is there a code that allows me to change my website background to transparent so that I can only see one browser background?
View 3 Replies
Jul 15, 2009
I'm looking to achieve the effect seen as these sites (a background photo that rescales while not losing image quality)...
[URL]
View 4 Replies
May 30, 2007
I am trying to achieve an effect seen as on this website. [URL]
I want to have a background image that resizes to the browser window (my other elements retaining their size) - but stays in scale. I have been using the code provided at gotoandlearn which tiles the image. Here is the code used there.
import flash.display.BitmapData;
GreyBar._xscale = Stage.width;
var tile:BitmapData = BitmapData.loadBitmap("tile");
[Code]....
View 5 Replies
Aug 12, 2010
I have a white stage and my background is non-solid/non-uniform. My flash project will be my whole website, therefore when a browser window is larger than my stage, the stage color (white) shows in the background. Its basically a white border on the left and right. I wish I could continue my background image to cover the whole browser window. What I want to do is: if needed (if the browser window is larger than my stage) continue my background on both sides by taking a copy of my background image, flipping it horizontally, and placing it on both sides of my background. If you can imagine it, this will give a more uniform continuation of the background. I'm guessing actionscript would be the best bet?
View 2 Replies
Aug 5, 2008
As you resize your browser window the background image resize proportionally. The content on the page does not resize however, it stays fixed. Also when you reach a certian size the background stops adjusting and the browser give you scroll bars.
View 1 Replies
Apr 12, 2010
I have been trying to work out how the full-browser background was done here: [URL] It scales in a very elegant way: it never stretches the image, stays centered on the image and never causes ugly blank areas around the image. For me, it's become deceptively difficult to achieve! :-(
View 1 Replies
May 5, 2010
I am creating a website where the entire background is tiled and it also contains a photo gallery. Now, the photo gallery has to only appear within a limited height but the width could be similar to the browser window. (The website will be a full browser website with a capability of going fullscreen.). I tried a lot of things but the stage calculation requires to be a little different than the general stage properties.
In general, the height and width of the image is directly proportional to those of the stage. But what I am looking at is for the image to be rescaled proportionally to the width of the stage but the height nneds to be about 20-30% less than the height of the actual stage. Basically the background will be visible in that 20-30% of empty space. (And of course other elements)
My scaling of the image code looks like following,
Code:
function scalePic():void {
if ((stageHeight / stage.stageWidth) < imHeight) {
im.width = stage.stageWidth;
im.height = imHeight * im.width;
[Code] .....
And it also centers the image on the stage based on the new stage size.
View 0 Replies
May 7, 2005
i am trying to scale a background image to the size of the browser window. heres my code. for some reason it does not fill the entire stage, any ideas?
Stage.scaleMode = "noScale";
Stage.align = "TL";
background_mc._width =Stage.width
background_mc._height =Stage.height
[code]....
View 1 Replies
Aug 24, 2009
Currently I have link on an HTML page, and when the link is clicked, it opens a flash movie with slideshow and a semi transparent black background. The way I have it set up is as follows
CloseButton.as (the close button for the slideshow)
FullBackground.as (the black background)
MainContent.as (loads the slideshow)
then I have
main.fla (loads the CloseBtn, FullBG, and MainContent)
preloader.fla (loads the main.fla .swf)
View 1 Replies
May 7, 2005
I am trying to scale a background image to the size of the browser window. For some reason it does not fill the entire stage?
Stage.scaleMode = "noScale";
Stage.align = "TL";
background_mc._width =Stage.width
background_mc._height =Stage.height
background_mc.onResize = function() {
background_mc._width = Stage.width
background_mc._height = Stage.height
} Stage.addListener(background_mc);
View 1 Replies
Sep 5, 2010
is there a way to click on the stage in order to trigger some function?
View 2 Replies
Jan 13, 2004
What would you use to create buttons which when pressed load an image in an image area within the same flash document?
View 1 Replies
May 22, 2009
I need to stop my cursor from moving on certain points on the stage. I'm using a magnifying glass effect but in the browser this only show the glass up to the stage so I need to stop it moving past those points. You can see what I mean if you move the magnify glass to the very left or right here:
[URL]
this is the code I have for the magnify glass:
var moveGlass:Number;
magnifyingGlass.onPress = function() { moveGlass = setInterval(startGlass,1);};function startGlass() { magnifyingGlass._x =
[Code]....
View 4 Replies
Oct 21, 2010
I have created a simple movie and placed it in an 'Under Construction' page. The whole page is meant to be black. When I open the browser a white box shows, where the movie will appear, while it is loading. I want the whole page to appear black.[url]...
View 2 Replies
Jan 25, 2010
I have tried changing background colour to Black #000 in all fields but the white background is still there before Flash shows up on the page.
I am embedding the Flash in a html page using CSS to have it align center middle. I think that's where the problem is.
Here is my html page code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]....
View 4 Replies
Feb 1, 2011
Is there a cross-browser solution to making a flash players background invisible? I have a swf movie that I want to sit on a faintly stripped background. I could place the same background in the Flash movie and sit it with CSS - using hacks for i.e. to make the backgrounds match up, but wondered whether there was a simple way of turning the background off?
View 1 Replies
May 19, 2009
How do you make a flash full browser background with high quality like here: [URL](choose your language at first. After that opens up a screen with a full browser bitmap man on the left size.)I have been trying to make such scalable high quality background image but the results have been poor.
View 8 Replies
Aug 16, 2007
I want to fade in the full browser background, however most of these tutorials I have seen have it loaded somehow with the BitmapData or another class, and when it is done this way, I cannot add any animation. Others, the background covers the whole browser, but it doesn't really resize, so most of it is just cropped out. Some, the positioning isn't always consistent for all resolutions. Some don't really explain how to position images in different parts of the Flash besides the direct center, top left, top right, etc. They will tell you how to get these spots, but not other spots.
Code:
import flash.display.BitmapData;
cover._x = Stage.width/2;
cover._y = Stage.height/2;
rock._x = Stage.width/2+265;
rock._y = Stage.height/2;
var tile:BitmapData = BitmapData.loadBitmap("tile");
function fillBG() {
[Code] .....
The reason I chose to stick with this one is that is the positioning is perfect. Positioning looks the exact same in all resolutions and what not, so this is what I want. But as you can see, it uses a BitmapData class, so I don't know how to add any animation because the file isn't even on the stage. It's in the library and I get this effect by giving it an identifier. Also, the background doesn't resize. It fits the whole browser, but most of it is cropped about like I mentioned earlier. The video tutorial really didn't cover the best way to adjust size, so now that I have the perfect way to position my clips, I don't know how to resize them, so they still look good. I remember in another tutorial I was guessing random numbers such as:
example._height = Stage.height / 2.58430953;
I basically just plugged in random numbers until it looked closest to the way I wanted it to. The problem with this was that image quality was reduced.
The Background
- Must be able to add animation to the full browser background
- Background must be resized so that nothing is missing from the original image, not cropping to fill the whole browser, resizing to fill the whole browser.
Positioning (Not really a problem now but...)
- An easy way to position anything where ever you want.
- Consistent in all resolutions.
Scaling Clips
- A way to scale clips so they just fine in all resolutions so that an image with a width of 512 px that looks great in 1280x1024 doesn't end up taking half of someone screen's that uses a 1024 x 768 resolution.
- No loss of quality.
View 7 Replies
Oct 20, 2009
I've a problem when save area flash to image on server (both Win or Linux), but on local (OS: Window) it allaway runs well. I try to find this bug, when user "loadMovie" function it's bug, but i don't use "loadMovie" function it runs well (on Sever)
[Code]....
View 2 Replies
Jun 8, 2010
how you can make it so that the user can press a button to save a specified area as an image so that they could email the image to someone?
Background... the user will be able to change and create their own picture and then they want to save the image they have created.
View 3 Replies
Jan 22, 2010
am not much a coder but am learning i just wana know how i can center my flash site/content/background on browser resize
i found a tutorials about that exactly the only problem was am using AS2 and the tutorials is for damn AS3 so please if you know one for AS2 then direct me or if you got som code u wana share dont hesitate 2 post it 4 me
View 1 Replies
Dec 13, 2011
I have two backgrounds on different layers, and an object that can be dragged around. What I want to happen is that an area around the object should be transparent so you can see the background behind the first background, and when the object is moved, the transparent area should also move. Kind of like a "see-through" effect.
View 2 Replies
May 2, 2010
I want to embed some video into my HTML page. As background I want to use big picture. And above it I want to insert loop video with (i.e.) walking man.So, can I embed video (without flash and any player controls) in page?Can I decode video with transparent background? Is there any codecs which support transparent background (alpha-channel)?
View 1 Replies
Apr 11, 2009
Is there a way to make the transparent area from an png image not to register when I add with a mouse event to that image? What is happening is the rectangle around the symbol is effected by the mouse event.
View 2 Replies
Mar 8, 2010
So I have a contact form that works flawlessly in the Flash development area, but doesn't work in-browser. I've tried in multiple browsers, and it doesn't work in any of them. Here is the relevant AS3 code:
Code:
var url:String = "http://******/Scripts/sendContact.php";
var contactVar:URLVariables = new URLVariables();
contactVar.userName = commentName;
[Code]....
On a side note, if this helps any, sendToURL using the POST method doesn't seem to work with anything hosted on this server, but with GET it does.
View 1 Replies
Jun 26, 2010
I have a random motion script that I need to remove when the object in random motion hovers over a specific area in the background. I need the object to just keep moving in the direction it was going in and not randomly switch directions or bounce.This is my script for the random motion which is on the object:[code]
View 1 Replies
Jul 24, 2009
I am relatively new to Flash CS3 and i have been learning Action-script 3 over the past week. I have come quite a long way and i have made a site in flash but i just have a question.I have been using an image as my background and i am happy with the way flash automatically scales all the objects in my file but the background image does not scale. Is there a way to do this? I have found out things online which show me how to add auto-resizing to the background but this knocks off the flash auto scaling/resizing for everything else.
View 4 Replies
