I wonder how you can put a fullsize background image to a website using Flash, similar to how www.zugspitze.de does.I can copy the HTML code but what does the flash document looks like?
View 1 RepliesI want to load an image into the background of my Flex app. However, I am wondering about a few things, and have a few contraints.I want it to be much like the way it's done with CSS. See this example of fullscreen background images with CSS.It is very important that there is no white-space (background colour) showing behind the image, and that the image is not stretched. This would mean some of the image would be cut off. This is absolutly fine. Actually, the first five points in the bulleted list on the linked page above are all exactly what I am after.I am relitivly new to the Flex framework, but have a strong AS3 background. So I can do this easily with actionscript using a mask, stage.width/height, the stages RESIZE event, and a little bit of Math. But I am wondering what would be the "Flex" way of doing this?I don't want to narrow the answers, but would I create my own component, that extends canvas, that I put behind all my other content? Or to I set some property of the application?
View 5 Replies- From my XML file an array is created with several background images
- The first image gets randomly loaded into a BitmapData and is attached to the first movieclip for smoothing. After that the movieclip gets proportionally scaled to fit the Stage.
- After an interval (set in the XML) the second image gets randomly loaded into a BitmapData and is attached to the second movieclip with a nice fade-in effect. After that the movieclip gets proportionally scaled to fit the Stage and the movieclips swap their depths.
- The third image gets loaded into a BitmapData and is attached to the first movieclip again.
etc etc etc.
[Code]...
I've got some lovely code from another flash forum which loads a scalable fullscreen image background behind a fixed size flash movie, but have a problem:The jpg background image loads before the flash movie, and I'd like to delay the jpg appearing by, say, three seconds.I've tried everything I can in the code, but don't know enough about actionscript to make it work.
Code:
stop();
Stage.scaleMode = "noscale";
[code]....
I have flash site and client wants random fullscreen background image to load on refresh. sounds easy right ?. but i've tried a lot of components and code snippets but it's causing headaches as nothing seems to work. i have a client squirming because it isn't done.
I did purchase a component from flashden (randombgholder) which does exactly what i want, but it seems to clash with the flashloaded fCMS system i have working in place, and somehow knocks it out, but that could be my bad amateur flash coding causing it. And when i go to center the swf over the background using his code he provided it goes haywire. perhaps i could do a random fullscreen background image on page refresh in html?? i tried some css ones, but nothing works probably because i'm very new to flash and the likes.
I just wana use a full screen background one that fills up the screen and not the browser controls that's not what I want. I mean like this: [URL].
View 6 RepliesIs there a way to get transparent background when in fullscreen mode in flash? I tried the following:
<!DOCTYPE HTML>
<html><head>
<style type="text/css">
body{background:#666;}
</style>
[Code] .....
I'm creating a fullscreen projector that has an FLV file on the stage. I successfully got the FLV to appear non full screen by using the answers for the following question:
Non-fullscreen FLVPlayback
However, the background still goes black just before the FLV comes to the stage.
It runs fine when the projector is not set to fullscreen - background is there along with my close button.
I have spent days trying to figure out how to what on paper sounds really simple in flash.All i want is to be able to have a full flash page with a background that stretches fluently across. and for the windows or content inside that page to stay in proportion to that.the background loads fullscreen whatever resolution or dimensions its in and the content shrinks itself to fit.How can i get this ?i have been using action scriptStage.scaleMode = "noBorder";Stage.align = "TL";
View 5 RepliesI 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.
I'm no professional flash designer but I've got a partially built site at url... and I've used a piece of generic javascript to make the background scaleable, but it doesn't seem to be the most appropriate thing to be doing as it doesn't detect any scaling of the browser while the preloader is running,(eg. if you resize the browser while its loading it wont have resized the background once its loaded), could anyone direct me to a script or tutorial in AS3 that would resize even if adjusted while the preloader is running? I've found a couple in AS2 but i'm not quite smart enough to make it in AS3 myself yet.
View 9 Repliesi am using the code from noponies on a personal project i am finding some issues that i cant solve with my limited knowledge the main code is
Code:
//init
import flash.display.BitmapData;
[code]....
i have my photo gallery and if you push a button photo has to open in new window with fullscreen.
for fullscreen i use Stage.displayState = "fullScreen";
what kind of compression and image size should I use for a jpg fullscreen?What I am looking for is a balance between download speed and image quality.I know how to use the psd's save for the web options, but when get images at the size of a big resolution screen they quicly get heavy.
View 4 RepliesI need to create a fullscreen background when I press a button, so I created this code, it works only if I'm not in fullscreen mode... why??
ActionScript Code:
import flash.display.Sprite;
stage.addEventListener(Event.RESIZE,resizing);
[Code].....
I can't understand why if I push de button to go full screen and then I press the button to create the "ombra" sprite, it doesent work, it doesnt create the sprite, but If I press esc to go out the full screen, it magically apper.
If I press the createOmbra button before going full screen everithing works fine.
I'm creating a site and am trying to achieve a full screen video background like this: [URL]. The idea is that it adapts to any screen resolution/size (is this called ScaleMode?) Which is the easiest way to get this effect - is there some sort of code or application to make it easier? Also, which video size should I pick so it shows correctly in all resolutions?
View 1 RepliesI have used Ultimate 3D Carousel AS2 which is a great little flash script for 3D menus and integrated it with a script i found for getting the background to stretch full screen. But I need it so that the menu stretches larger the bigger the screen is like the background and to stay in the centre. Here is my flash file [URL].
View 7 RepliesI'm currently working on this site, which was made on a linear timeline and just rewinds and fast fowards to the frame with each page on [URL]
This was done with limited Actionscript, but now I need to redo it almost entirely in AS
I figure I need to keep everything on one frame (separate vertical frames, but no animation horizontally) and create movieclips for each page's content and tell it to fade in the content of whatever page is clicked on the nav, and fade out the rest. I will also need to do the same, but with the background images in fullscreen. I also have a problem with the bottom nav. It adjusts to window height on resize, but I can't get it to adjust automatically.
So how do I
1. Tell the movieclips to fade in and out when a button is clicked
2. Get the background images to fit full screen, and also fade in/out for each page
3. Get a movieclip to adjust to screen size without using onResize
I'm creating a flash projector file and need to scale background full-screen.The background is a gradient shape.I made it full screen and resized background so width and height is stage width and height but it still won't work.
View 4 RepliesThis fullscreen code works properly if the stage is 400 x 400 px or smaller than .flv ( I tested it in both in html and swf ).
stage.addEventListener(Event.RESIZE, onF);
function onF (event:MouseEvent):void{
stage.displayState = StageDisplayState.FULL_SCREEN;
video.fullScreenTakeOver = true;
}
But the video is not going fullscreen if the stage is bigger than 400 x 400. I have to make a stage big in order to design the rest of my website.
Publish settings : exact fit, 100% width 100% height, flash only Allow Full Screen.
This is probably something very simple, but I can't find the answer...I have a movie (say 1024x768) that I want to play full screen, which it does. How do I get the area around the movie to be a color? Right now it shows white and I want it black.
View 3 Repliesi have a fullscreen video playing at the background.
Code:
//makes loader visible on initial load
bufferClip._visible=true;
//create NetConnection for playing video
[Code]....
and upon clicking a button, i want to goto a frame and will need to remove the video from that background mc (or rather make the video stop or disable the background sound.)
I'm working on a fullscreen flash project. I've got everything working fine, background tile, autocenter, etc one thing I can't find out is how to have a circle gradient over the background (fullscreen / autoresize) [URL]
View 1 RepliesI pretty much got it working. The only problem I'm having is that it's only full screen based off of the width. I want the picture to maintain it's scale, so I need it to fill the height if necessary and cut the sides off of the picture. You can see what I mean by clicking [URl]. Resize the browser so it's a lot taller than it is wide and you'll see what I mean. I want it to fit both height and width no matter which is taller. I've played around with it all morning and nothing.
Code:
// pic_mc is the movieclip that I used to load my full-screen background image.
function bgResize() {
pic_mc._width = Stage.width;
pic_mc._yscale = pic_mc._xscale;
if (pic_mc.height >= _yscale) {
pic_mc._x = (Stage.width)/2;
pic_mc._y = (Stage.height)/2;
[Code] ......
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 RepliesI wanted to get a SWF file (background) stretch to fullscreen while the buttons are static in the front. I found this post: http:[url]..........This is exactly what I wanted but I'm new to flash and maybe need more guidance as to where to put those codes. Are there any other codes that I have to put in the HTML for that effect?
View 10 RepliesI would like to have flash www page with dimentions 960x653 pixels. There will be 5 scenes navigated by buttons and each of the scene will have different background color. I would like to have fullscreen background also (filling the rest of the space), and to make it I used "Auto-Resizing and Centering Content", based on tutorial:
[URL]
To make it working with my existing animation I made 960x653 UILoader instead the centerRectangle, and I loaded my swf animation there. Fullscreen background is working - when I scale window of the viewer the main scene keeps its dimentions and background fills the rest of the space, what is what I wanted to. My included animation is working perfectly.
But I still have one issue to solve. How to change my fullscreen background while switching scenes? Is it possible to change it from included swf animation?
I am producing a fullscreen projector (.exe) file and have some large videos that cause the background to go black when they come on the stage. When I test the movie (not in fullscreen), it works just fine.
[Code]....
So I am working on a full screen website, and background_mc I want to be centered and scaled 100% to the stage. But I also do not want the image to loose it's proportions. Here is my code so far, it is only seeming to center the movieclip:
Code: Select allfscommand ("fullscreen", true);
Stage.scaleMode = "noScale";
Stage.align = "TL";
[code].....
I have found 2 different Threads about the topic, which worked fine.[URL]... and it seems that it is close to what I am trying to achieve. However, the codes that they came up with don't seem to work with mine. I attached the FLA.Anybody has a solution so when the stage is scaled down smaller than the original image size, the image stops scaling. And the image doesn't distort. The eagle on the intro scales proportionately and the one when you go to campaign section behaves exactly like I would like to.I've found the website here by the way, which was the starting point of my experimentation.
Code:
//stage properties
Stage.align = "TL";
[code]....