I 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?
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?
- 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.
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.
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'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";
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.
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 am developing a website in flex. And in that, i am trying to set the background image of my application. like this: parentApplication.setStyle("backgroundImage", data.image_src);
From a different location.
My issue is that, the images that i have are small and hence they are being stretched when used as background images. I want to avoid that from happening. How can i do it?
I'm using Flash Builder 4 to create an application. I need to set an background image for the app. I've pulled through the data from XML. I am using an <mx:Image> for the background-image. But I need elements to then be added inside it. How do I achieve this? I considered using Layers, but dont know how you achieve this.
I have written a custom skin in Flex 4.5, which shows a custom image. I want this to my background image, so how can I set this skin to the application container?
I want to give the users the ability to set the background color or choose image to make it background (Tile, Center and Strentch). I tried couple of things with no luck such as trying to chaing a Skin object and assign it.and tried something like:
I have tried setting the background image this way, but it doesn't work. how to set the background image of a rich text control in flex as easy as possible?
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?
The project I'm working on requires older libraries that extend mx components (such as TitleWindow and TabNavigator), I can't use what I know about Spark skinning directly. However, since the project is being programmed using the default Spark theme (with my modifications on top) rather than the Halo theme, I apparently don't have access to the styles I need (namely backgroundImage and contentBackgroundImage which apparently require Halo to be active). Simply setting Halo to be the theme will break other things, not the least of which my own theme.
Plans are in the works to replace the older libraries or at least patch them better to Flex 4, but as of right now, I need a way to style/skin these components without modifying them directly. It would be ridiculous to be unable to add a background image to a TitleWindow's content area! I've searched the internet high and low all day and tried countless variations of styles, skins, selectors, and combinations thereof with no luck. How to add a background image to the content of a mx TitleWindow while using the Flex 4.1 sdk?!
In a component 'Group' I drag multiple pictures at one time I need to clean this component, but contains a component BitmapImage and I will not be erased:
I would like to change the bacground image for the preloading bar in Flex, the one which appears before loading your application. This article describes the way in which you can change the background-color, but is there a way to add a background image (and keep the loading bar on top of that)?
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.
Note that jira issue SDK-23050 points out the following :ackgroundImage is not supported for Spark skins.But this is not using a Spark skin, just a standard Halo component.
I have created a tile list with custom item renderer and in terms of functionality it works as it should. I reduced the width and height of the item renderer to 95% which then shows the tile lists background in the remaining 5% of that item. The problem is that only when I hover over the item, the background is covered up and I cant get a gap to appear between items. Is it possible to change the height and width of the hover over?
I have an Image object that gets resized to the containers size when the image loads.The images that it will load are dynamic in size so after resize I end up with a sliver of the image object's white background showing.How can I make the Image object not have a white background and be transparent.Parts of the PNG's have transparent parts but show up as white due to the white background of the object is it loaded into.
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.
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.
