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)
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 RepliesI 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.
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)
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 RepliesHow can I fill my whole background with a big image? The photo is 1400*867 and with the solution here it fills up the width but not the height. I don't care if the photo gets cropped in order to fill up the height too.
The CSS3 way (background-size) is perfect but doesn't work in IE.
If you don't know a way with css/jquery could you direct me to a flash script where I could just enter the path of the image and let flash resize it?
I'm looking to create a site that has video playing full browser in the background. A very perfect example lies here:[URL]..As you can see, the video is scaled according to stage resize while the menus and such stay where they should like a perfect liquid layout. I've watched the Liquid Layout video (from this site i'm pretty sure?) and understand how to position objects on the stage according to stage resize, but I've never figured out how to scale only the video like that. The only way I've been able to do that is by setting my publish settings to NoBorder with 100% width and height, but that defeats the whole liquid layout because it scales your entire swf. I feel like it's some sort of math I'm not grasping.
I'm probably wrong, but I feel like the way I'd go about doing this would be to set everything up as a liquid layout site; that is specify stage align and scale to TOP_LEFT and NO_SCALE. I'd have my liquid menu items positioned accordingly with a resize function and for the background video I'd use a FLV Playback Component that would be manipulated through another as3 function to scale accordingly. I'd use a Playback Component so as to be able to load multiple external videos (.h264) when a link was clicked. Am I on the right track? AS3 only please!
I am trying to build an AS3.0 flash site with a full browser background imagethat scales proportionally like in [URL] I found some stuff online but nothing on how to do it with AS3.0
View 11 RepliesI need to do exactly the same, but using an animation inside a mc instead of a pixel background. Does anyone know how to do that?
View 1 RepliesI 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)
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
View 1 RepliesI'm trying to create a website with full screen background images (or possibly, a video) but don't know the best way to approach it. The Die Antwoord site does pretty much what I'm trying to accomplish. I'd also like to know how they can use such high resolution images. If I try to use a high res image, the file size is enormous.I also want to do is to be able to change the background image when a button is clicked. What is the best way to do that with large images? Another site that uses similar technology only with a video is the TV on the Radio site.
View 3 RepliesI'm trying to create a website similar to this one, where the content is a fixed width and height (i.e. made to fit a 1024x768 screen), but the background image is full screen and scales proportionally when the window is resized.
How can I achieve this full screen background using Flash CS4/AS3?
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 RepliesI was wrote the following code to set the background image in one vBox.
vBox.setStyle("backgroundImage", "PreviewBackground.png");
vBox.setStyle("backgroundAttachment", "fixed");
Where the height and width of vBox was 250 x 350 and the height and width of background image was 400 x 400.The problem is that the background image doesn't show the full image. The image has cropped. How can i show the full image as a background image?
I have searched everywhere but I can't seem to find anyway to create a full screen background image. Does anyone know the code to do this? Or know of any tutorials?
View 3 RepliesI am trying to create a background like the attached image (full screen).I don't like these colors, but do like the effect.
View 9 RepliesI've spent the past few days having a look for this and no luck so far. Basically I have got a multi-page XML gallery with thumbnails. At the moment the images in the gallery stay their original size. I want to make it so that a) the image takes up the entire page of the browser/stage, and b) the image resizes as the browser does, which I suppose might be in the publish settings.
So my question is how can I size this image so it takes up the entire stage? I've tried fiddling around with Stage.width and Stage.height but no luck so far.
Something like this: [URL]is what I mean.
Attached is my .fla, the actionscript code is all within a key frame inside gallery_mc.
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 RepliesI'm looking to achieve the effect seen as these sites (a background photo that rescales while not losing image quality)...
[URL]
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]....
[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.
[Code]...
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 RepliesAs 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 Repliesi 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]....
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);
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.
View 1 RepliesI'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]
View 1 RepliesI'm working on a site currently, and I have a fullscreen flash video that has objects that react to the mouse movement and create a parallax effect. A Div container is above the flash video containing the site content. I can display the div content above the flash video just fine, my problem is that the flash video does not recognize the mouse movement when the mouse is above the div container? Is there any way to fix this or will I have to create the site entirely in flash?
Here is the code:
Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>mouse_follow</title>
[Code]....
I have a standalone Flash projector running off CD. Currently, I use
getURL("http:url....);
to open the page on default browser. Only problem is the browser window is opening at the size it was last used. I like to see it opens full screen.