Background Picture Resizing
If you go to THIS site you can see a nice background picture which resizes perfectly without loseing it's quality when you resize browser window. How is that done? I know you can tile your bitmap using BitmapData (where you just tile a bitmap sample accross the stage using onResize listener and Stage.width and Stage.height) but how do you dynamically resize background picture so perfectly without loosing it's quality? Can anyone provide a sample for this?thanks
Actionscript 2.0
Posted on: Fri Jan 19, 2007 5:42 pm
View Complete Forum Thread with Replies
See Related Forum Messages: Follow the Links Below to View Complete Thread
AS3: Dynamically Resizing Background-picture
hi everybody.
I'm testing this idea of mine, but so far I've not been awarded succes.
so, here's what's my idea about:
I want to load a big background-picture into my Flash, and then I want it to be resized so it fits the screen-resolution that the user has on his/her browser.
see the example I've made so far, here:http://campjohn.dk/test/test100.html
it loads perfectly, and - from what I can see - keeps it's dimensions.
but it does not resize to the size of the browser as it should.
...if you go to the link, and then manually resize the browser-window, you'll get the resizing of the background-picture going on, though.
here's how it's all build:
I have a test100.fla with a test100.as Document Class
test100.as:
Code:
package {
import CustomBackgroundTest;
import flash.display.Sprite;
import flash.display.StageAlign;
import flash.display.StageQuality;
import flash.display.StageScaleMode;
import flash.events.Event;
public class test100 extends Sprite {
private var _customBackgroundTest:CustomBackgroundTest;
public function test100() {
init();
}
private function init():void {
stageInit();
customBackgroundTestInit();
firstResizing();
}
private function stageInit():void {
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.quality = StageQuality.BEST;
stage.frameRate = 30;
stage.showDefaultContextMenu = true;
stage.addEventListener(Event.RESIZE, onResize);
}
private function customBackgroundTestInit():void {
_customBackgroundTest = new CustomBackgroundTest(stage.stageWidth, stage.stageHeight);
addChild(_customBackgroundTest);
}
public function firstResizing():void {
_customBackgroundTest.onResize(stage.stageWidth, stage.stageHeight);
}
public function onResize(event:Event):void {
_customBackgroundTest.onResize(stage.stageWidth, stage.stageHeight);
}
}
}
see.. the init function calls a firstRezing-function which calls the same .onResize function as a manual resizing does.
so why does it only work when manually resizing the browser-window?
here's the customBackgroundTest.as:
Code:
package{
import flash.display.Loader;
import flash.display.Sprite;
import flash.events.Event;
import flash.net.URLRequest;
public class CustomBackgroundTest extends Sprite {
private var _loader:Loader;
private var _request:URLRequest;
private var _stageWidth:Number;
private var _stageHeight:Number;
public function CustomBackgroundTest(stageWidth:Number, stageHeight:Number) {
_stageWidth = stageWidth;
_stageHeight = stageHeight;
init();
}
private function init():void {
backgroundInit();
}
private function backgroundInit():void {
_loader = new Loader();
_request = new URLRequest("myBackground.jpg");
_loader.load(_request);
_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, setSize);
addChild(_loader);
}
private function setSize(e:Event):void {
_loader.width = 1600;
_loader.height = 1200;
_loader.removeEventListener(Event.COMPLETE, setSize);
}
public function onResize(stageWidth:Number, stageHeight:Number):void {
_stageWidth = stageWidth;
_stageHeight = stageHeight;
trace("_stageWidth = "+_stageWidth+" & _stageHeight = "+_stageHeight);
var ratio:Number = _loader.width / _loader.height;
if ((_stageWidth / ratio) >= _stageHeight) {
trace("_stageWidth / ratio");
trace("_stageWidth = "+_stageWidth+" & _stageHeight = "+_stageHeight);
_loader.width = _stageWidth;
_loader.height = (_stageWidth / ratio);
trace("_loader.width = "+_loader.width+" & _loader.height = "+_loader.height);
}
else {
trace("!_stageWidth / ratio");
trace("_stageWidth = "+_stageWidth+" & _stageHeight = "+_stageHeight);
_loader.height = _stageHeight;
_loader.width = (_stageHeight * ratio);
trace("_loader.width = "+_loader.width+" & _loader.height = "+_loader.height);
}
}
}
}
as you can see, there's lots of traces in .onResize function.
these I've used to trace, what is actually going on.
when the backgroundpicture is loaded at first the onResize-function traces this:
_stageWidth = 400 & _stageHeight = 300
_loader.width = 0 & _loader.height = 0
and when the .swf is manually resized this is what is traced out:
_stageWidth = 1087 & _stageHeight = 661
_loader.width = 1087 & _loader.height = 815.25
this might be the problem, but right now I'm too confused from looking at this over and over again... anyway, it seems strange, that the _loader.height which is set to the _stageHeight (which is 300) turns out to be 0!
all the files are downloadable here:http://campjohn.dk/test/resizing.zip
can anyone help me solve my problem?
thanks a lot
felisan
AS3: Dynamically Resizing Background-picture
hi everybody.
I'm testing this idea of mine, but so far I've not been awarded succes.
so, here's what's my idea about:
I want to load a big background-picture into my Flash, and then I want it to be resized so it fits the screen-resolution that the user has on his/her browser.
see the example I've made so far, here:
it loads perfectly, and - from what I can see - keeps it's dimensions.
but it does not resize to the size of the browser as it should.
...if you go to the link, and then manually resize the browser-window, you'll get the resizing of the background-picture going on, though.
here's how it's all build:
I have a test100.fla with a test100.as Document Class
test100.as:
Code:
package {
import CustomBackgroundTest;
import flash.display.Sprite;
import flash.display.StageAlign;
import flash.display.StageQuality;
import flash.display.StageScaleMode;
import flash.events.Event;
public class test100 extends Sprite {
private var _customBackgroundTest:CustomBackgroundTest;
public function test100() {
init();
}
private function init():void {
stageInit();
customBackgroundTestInit();
firstResizing();
}
private function stageInit():void {
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.quality = StageQuality.BEST;
stage.frameRate = 30;
stage.showDefaultContextMenu = true;
stage.addEventListener(Event.RESIZE, onResize);
}
private function customBackgroundTestInit():void {
_customBackgroundTest = new CustomBackgroundTest(stage.stageWidth, stage.stageHeight);
addChild(_customBackgroundTest);
}
public function firstResizing():void {
_customBackgroundTest.onResize(stage.stageWidth, stage.stageHeight);
}
public function onResize(event:Event):void {
_customBackgroundTest.onResize(stage.stageWidth, stage.stageHeight);
}
}
}
see.. the init function calls a firstRezing-function which calls the same .onResize function as a manual resizing does.
so why does it only work when manually resizing the browser-window?
here's the customBackgroundTest.as:
Code:
package{
import flash.display.Loader;
import flash.display.Sprite;
import flash.events.Event;
import flash.net.URLRequest;
public class CustomBackgroundTest extends Sprite {
private var _loader:Loader;
private var _request:URLRequest;
private var _stageWidth:Number;
private var _stageHeight:Number;
public function CustomBackgroundTest(stageWidth:Number, stageHeight:Number) {
_stageWidth = stageWidth;
_stageHeight = stageHeight;
init();
}
private function init():void {
backgroundInit();
}
private function backgroundInit():void {
_loader = new Loader();
_request = new URLRequest("myBackground.jpg");
_loader.load(_request);
_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, setSize);
addChild(_loader);
}
private function setSize(e:Event):void {
_loader.width = 1600;
_loader.height = 1200;
_loader.removeEventListener(Event.COMPLETE, setSize);
}
public function onResize(stageWidth:Number, stageHeight:Number):void {
_stageWidth = stageWidth;
_stageHeight = stageHeight;
trace("_stageWidth = "+_stageWidth+" & _stageHeight = "+_stageHeight);
var ratio:Number = _loader.width / _loader.height;
if ((_stageWidth / ratio) >= _stageHeight) {
trace("_stageWidth / ratio");
trace("_stageWidth = "+_stageWidth+" & _stageHeight = "+_stageHeight);
_loader.width = _stageWidth;
_loader.height = (_stageWidth / ratio);
trace("_loader.width = "+_loader.width+" & _loader.height = "+_loader.height);
}
else {
trace("!_stageWidth / ratio");
trace("_stageWidth = "+_stageWidth+" & _stageHeight = "+_stageHeight);
_loader.height = _stageHeight;
_loader.width = (_stageHeight * ratio);
trace("_loader.width = "+_loader.width+" & _loader.height = "+_loader.height);
}
}
}
}
as you can see, there's lots of traces in .onResize function.
these I've used to trace, what is actually going on.
when the backgroundpicture is loaded at first the onResize-function traces this:
_stageWidth = 400 & _stageHeight = 300
_loader.width = 0 & _loader.height = 0
and when the .swf is manually resized the is what is traced out:
_stageWidth = 1087 & _stageHeight = 661
_loader.width = 1087 & _loader.height = 815.25
this might be the problem, but right now I'm too confused from looking at this over and over again... anyway, it seems strange, that the _loader.height which is set to the _stageHeight (which is 300) turns out to be 0!
can anyone help me solve my problem?
all the files are downloadable here:
thanks a lot
felisan
AS3: Dynamically Resizing Background-picture
hi everybody.
I'm testing this idea of mine, but so far I've not been awarded succes.
so, here's what's my idea about:
I want to load a big background-picture into my Flash, and then I want it to be resized so it fits the screen-resolution that the user has on his/her browser.
see the example I've made so far, here:http://campjohn.dk/test/test100.html
it loads perfectly, and - from what I can see - keeps it's dimensions.
but it does not resize to the size of the browser as it should.
...if you go to the link, and then manually resize the browser-window, you'll get the resizing of the background-picture going on, though.
here's how it's all build:
I have a test100.fla with a test100.as Document Class
test100.as:
Code:
package {
import CustomBackgroundTest;
import flash.display.Sprite;
import flash.display.StageAlign;
import flash.display.StageQuality;
import flash.display.StageScaleMode;
import flash.events.Event;
public class test100 extends Sprite {
private var _customBackgroundTest:CustomBackgroundTest;
public function test100() {
init();
}
private function init():void {
stageInit();
customBackgroundTestInit();
firstResizing();
}
private function stageInit():void {
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.quality = StageQuality.BEST;
stage.frameRate = 30;
stage.showDefaultContextMenu = true;
stage.addEventListener(Event.RESIZE, onResize);
}
private function customBackgroundTestInit():void {
_customBackgroundTest = new CustomBackgroundTest(stage.stageWidth, stage.stageHeight);
addChild(_customBackgroundTest);
}
public function firstResizing():void {
_customBackgroundTest.onResize(stage.stageWidth, stage.stageHeight);
}
public function onResize(event:Event):void {
_customBackgroundTest.onResize(stage.stageWidth, stage.stageHeight);
}
}
}
see.. the init function calls a firstRezing-function which calls the same .onResize function as a manual resizing does.
so why does it only work when manually resizing the browser-window?
here's the customBackgroundTest.as:
Code:
package{
import flash.display.Loader;
import flash.display.Sprite;
import flash.events.Event;
import flash.net.URLRequest;
public class CustomBackgroundTest extends Sprite {
private var _loader:Loader;
private var _request:URLRequest;
private var _stageWidth:Number;
private var _stageHeight:Number;
public function CustomBackgroundTest(stageWidth:Number, stageHeight:Number) {
_stageWidth = stageWidth;
_stageHeight = stageHeight;
init();
}
private function init():void {
backgroundInit();
}
private function backgroundInit():void {
_loader = new Loader();
_request = new URLRequest("myBackground.jpg");
_loader.load(_request);
_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, setSize);
addChild(_loader);
}
private function setSize(e:Event):void {
_loader.width = 1600;
_loader.height = 1200;
_loader.removeEventListener(Event.COMPLETE, setSize);
}
public function onResize(stageWidth:Number, stageHeight:Number):void {
_stageWidth = stageWidth;
_stageHeight = stageHeight;
trace("_stageWidth = "+_stageWidth+" & _stageHeight = "+_stageHeight);
var ratio:Number = _loader.width / _loader.height;
if ((_stageWidth / ratio) >= _stageHeight) {
trace("_stageWidth / ratio");
trace("_stageWidth = "+_stageWidth+" & _stageHeight = "+_stageHeight);
_loader.width = _stageWidth;
_loader.height = (_stageWidth / ratio);
trace("_loader.width = "+_loader.width+" & _loader.height = "+_loader.height);
}
else {
trace("!_stageWidth / ratio");
trace("_stageWidth = "+_stageWidth+" & _stageHeight = "+_stageHeight);
_loader.height = _stageHeight;
_loader.width = (_stageHeight * ratio);
trace("_loader.width = "+_loader.width+" & _loader.height = "+_loader.height);
}
}
}
}
as you can see, there's lots of traces in .onResize function.
these I've used to trace, what is actually going on.
when the backgroundpicture is loaded at first the onResize-function traces this:
_stageWidth = 400 & _stageHeight = 300
_loader.width = 0 & _loader.height = 0
and when the .swf is manually resized this is what is traced out:
_stageWidth = 1087 & _stageHeight = 661
_loader.width = 1087 & _loader.height = 815.25
this might be the problem, but right now I'm too confused from looking at this over and over again... anyway, it seems strange, that the _loader.height which is set to the _stageHeight (which is 300) turns out to be 0!
all the files are downloadable here:http://campjohn.dk/test/resizing.zip
can anyone help me solve my problem?
thanks a lot
felisan
Flash Resizing A Picture
Hi
I have a background image jpg that is 800x600. I made it in photoshop. I import it into flash and on to a stage of 800x600.
Problem is imports at a size of 579x 450.
Any ideas why this may be happenning?
Thanks
Dynamically Loaded Picture - Resizing
I am working on a picture viewer that will step through all pictures in folder. The pictures are all different sizes.
How would i go about resizing the dynamically loaded picture to fit inside a specified area in the movie? Below is the update function used to load the picture.
Thanks
function update() {
url = filename+picnum+".jpg";
loadMovie(url, picture);
}
Dynamic Picture Loading And Resizing...
I've been searching for the last hour, trying some of the codes posted... but for some reason I'm not having too much success.
I have a container 'picture1' and use the code:
code:
picture1.loadMovie("url");
The picture loads fine, but I want it to be a certain length and width. So I used:
code:
picture1._width = 122;
picture1._height = 122;
Which doesn't show anything at all. To my understanding from what I've searched, the picture wont resize anything that practically isn't there.
SO... How do I load the picture, check that it's there, and finally resize it to height and width exactly 122, because I will have different sized images that I want that length and width.
Thanks for your help!
Moving Borders With Resizing Of Picture?help?
Hello, My first post here. Great site by the way. Ok, I am trying to get an affect of borders that resize with a picture everytime its loaded...Here is a link as an example of what I am talking about(notice as you pick the diffrent pictures in the gallery the border around the picture resizes to fit the current picture displayed!)Link:http://www.bludomainhosting.com/photography22/index2.php
How is this done..?
Thanks :D
Background Picture
http://www.minus.dk/ in this website if you decrease resolution like 800x600 then background picture size increased. I mean you can see more picture from down than in higer resolution 1280x720. And in all resolutions picture is not stretched.
Any one know about this or tutorial, source about this.
Since one month i am trying to do this but failded.
Changing Background Picture
How do you change the background picture on mouse event? I want a background picture to be loaded into the flash movie from the library and change to another when a button is clicked.Or is there a better way?
How Can I Set The Background Picture To Change?
if i will to do a site with a menu..
lets say there is 5 pages inside that menu
how can i set the background image to change each time 1 of the page is clicked or when the page changes??
and if possible can i set it to change randomly??
maybe like i put 10 images in a folder and ask the movie to grab any one each time...
another qn is how can i setup something like a blog in flash so that pple can comment??
i dont know how to integrate html with flash movie..
someone please teach me or point me in any direction of help
Background Picture In Flash?
can i place a picture as a background for flash??
or is creating a movie of same size the picture is and placing the picture in a layer only way of doing it??
How Do I Put A Tiled Picture For A Background?
Instead of just a regular color for my background, I want a bitmap to be tiled across the background, how can I do that? If I add it to the background of my website, it's actually smaller than the larger background area, and just covers the back of the website area thats not as big as the whole screen.
Scrollpane With A Picture Background?
I was just wondering if its possible to have a scrollpane to have a picture background so when its time to link the items that is to be scrolled, the items seems to be floating on that background. My items I am talking about is pictures, just incase anyone needed to know. I was just wondering if its possible, and how would I do that? Can someone help, please, and thanks.
Background Picture With No Scrollbars?
I have noticed several flash sites now, that almost have a "stage area" that is centered amongst the screen, with a large background image to cater for different various sized resolutions, and I wondered how its possible to do this.
For example, if you check out the following splash page:
http://www.leventhumps.com/
You will see the background image is quite big, yet it will shrink down even to an 800x600 size window even without scrollbars.
How is this possible ? Anyone shed any light?
Background Picture Morphing[MX]
i am trying to use two picutres morphing back and forth (looping), as the background on a presentation. I left them as images not as symbols and i put the first one in the first frame and the second one in the 10th frame and i did a shape tween. i would like both the pictures to be at a low alpha percentage in order to not distract users/viewers from the point of the presentation, can i do that without a symbol. these two won't morph and the shape tween arrow stays as a broken line.
*External Picture As Background
hi,
I had made a movie that has a main_picture.jpg which is used as background and has its own effects so I wanted to know if I can use a button which imports an external picture as background and replace the pictures with each other and nothing happens to my movie and this new picture has the effect like the main one.
Thanks
Making A Picture Into The Background
I am wondering how I can make a bitmap into the background for my flash movie. I can easily stretch a picture to the right size but then I can't figure out how to make text and other pictures appear over my background picture. The "Send to Back" and "Bring to Front" actions don't seem to do anything.
Please Help!
Aaron
Using A Picture As The Movie Background
I have a quick question. Can someone tell me how to insert a picture as a movie background? The reason is every time when I insert a picture into the movie, I cannot see the text animated on the movie. The picture that I inserted is on the top of the text. Thanks.
-Alan
For free web access, web hosting, shopping and more.
http://www.USWebcity.com
Using A Picture As The Movie Background
I have a quick question. Can someone tell me how to insert a picture as a movie background? The reason is every time when I insert a picture into the movie, I cannot see the text animated on the movie. The picture that I inserted is on the top of the text. Thanks.
-Alan
For free web access, web hosting, shopping and more.
http://www.USWebcity.com
Background Resizing
Hi, i need to resize the background of my .swf, i'm trying to do this but always resizing the entire swf !!. I want all my .swf centered in X & Y and NO scaling, but the background "stretch" to fill the window, just like the ATT .jpg
In the .jpg the orange zone is my main movie, and the gray zone is the background, both are my .swf
PD: I'm working on MX2004 & AS1 (i know)
Background Resizing
If I am loading in backgrounds to the stage at a size of 1280x1024 - is there a way to make the background resize itself too 1024x768 if the resolution is changed or the user is using that resolution (not worried about 800x600...)?
I know about stage listeners ect but I can't seem to figure out how it would be done.
thanks for any help, cheers
Background Resizing
i found a script that resizes background images and it works fine in flash 7.when i try to publish it flash 8 it does not work.can someone please help me with this issue.thank you very much.
Resizing A .jpg For A Background
I have a photo and would like to use it for my background. Except that everytime I use Fireworks.... modify/canvas/image size. the image is distorted from being increased. Is there a way to increase it but not lose resolution?
Thank You
Tony
Background Resizing
Can anyone link me to a tutorial or tell me what this is referred to as.. I want my website to have the abillity for the background to be resizable. you know like if some one stretched the window bigger you would see more of the background.. lette me know if I need to explain it better. Thanks in advance guys.
I Don't Want A Background Colour Or Picture On My Flash...........help
How do I make a flash with absolutely NO BACKGROUND?.
I want to make one for my site to coincide with my current background, I have tried everything, but I cannot get it to work.
I have even tried using part of my background as the flash's background but it won't resize to the size of the image.
Any help would be appreciated.
Yours
Steven
webmaster & Owner Of Ur IT Mate - Computer & Internet Support Site
http://mjjmystery.blix.com/it
How Do I Import Picture With A Transparent Background?
I am new to flash and have just learned a couple basic ways to animate pictures moving along my screen. my problem is i have two lightning bolts that i want to come together and overlap, but they have automatic white rectangles with them so one makes the other dissappear when they overlap. if anyone can help it would be appreciated.
Inteface That´s Over The Background Picture Is Always Centred
I want to have the same function that 2advanced have on the swf in the Browser window. Look at the link below and you can see that the interface that´s over the background picture is always centred when you make the browser smaller. The background picture and the picture over the background picture is always in tune with each other. How did they do that?
http://www.2advanced.com/#portfolio/.../showall&id=80
Full Browser Background Picture
I am trying to build an AS3.0 flash site with a full browser background image
that scales proportionally like in http://www.kanyon.com.tr/
I found some stuff online but nothing on how to do it with AS3.0
Can anyone help me out please?
Full Browser Background Picture
I am trying to build an AS3.0 flash site with a full browser background imagethat scales proportionally like in http://www.kanyon.com.tr/ I found some stuff online but nothing on how to do it with AS3.0
Can anyone help me out please?
Resizing Background To Fit Browser Like...
Beck.com.
I'm currently using the following actionscript and it works well....
__________________________________________________ ________
Stage.scaleMode = "noScale";
Stage.align = "LT";
bg.onResize = function() {
this._width = Stage.width;
this._height = Stage.height;
};
Stage.addListener(bg);
bg._x = bg._y = 0;
bg.onResize();
content.onResize = function() {
this._x = (Stage.width - this._width) / 2;
this._y = (Stage.height - this._height) / 2;
};
Stage.addListener(content);
content.onResize();
__________________________________________________ _____
but when the viewer resizes the browser window, everything goes haywire, losing its place.
Help, please!
Automatically Resizing Background
How would I set the background to resize and fill the entire browser automatically with whatever the users browser size is?
Also to center the website within that browser?
Auto-resizing Background
Dear Forums:
I'm attempting to build a Flash website. I've seen a technique where a background is automatically scaled and loaded, while a main website area remains the same size throughout the resizing.
More specifically, I have a background image that's 1680 X 1050. I'd like to resize it automatically in the background under various resolutions, while a small 520 X 420 area of the flash website itself sits on top.
Any insight into this would be kindly appreciated!
Thank you very much.
Why Isnt My Background Resizing?
Can anyone tell me what it is im doing wrong here? Im trying to get my background to size to stay consistent with the stage no matter how wide the screen is. I want to know whats wrong with my code that this isnt happening all of a sudden because it worked in a previous project i was working on. Here is the code:
stop();
id1 = setInterval(preloader, 100);
function preloader()
{
var gbt = getBytesTotal();
if(gbt < 100)
return;
var gbl = getBytesLoaded();
if(gbl >= gbt)
{
clearInterval(id1);
initialize();
}
}
function initialize()
{
startingSizeX = Stage.width; // get these values before setting noScale
startingSizeY = Stage.height;
Stage.scaleMode = "noScale"; // prevent menus from resizing
backdrop._width = Stage.width;
backdrop._height = Stage.height;
ContentoriginalX = 58;
ContentoriginalY = 158;
positionMenus(); // adjust menu position
// watch for resizing. When it occurs, resize the background picture
// to match the stage size.
// All the other objects remain the same size but we reposition
// the objects by the amount needed.
listener = new Object();
listener.onResize = function ()
{
// keep the background picture the same size as the stage
backdrop._width = Stage.width;
backdrop._height = Stage.height;
positionMenus(); // reposition the menus as needed
};
Stage.addListener(listener);
}
function positionMenus()
{
// how much difference is stage size now compared to the original size?
var diffSizeX = startingSizeX - Stage.width;
var diffSizeY = startingSizeY - Stage.height;
// add half the difference to the menu position
Content._x = ContentoriginalX + (diffSizeX / 2);
Content._y = ContentoriginalY + (diffSizeY / 2);
}
Any and all help is appreciated. Thanks
Resizing Background Grid
Size of grid in the background
I have an almost perfect swf for my needs; www.avgifter.com/forum/graftest2.asp.
My problem as a complete newbie on Flash is that I have no clue of how to change size of the grid in the background. I want the bars to reach higher in the diagram without just manipulate the values. The latter is done in the example.
What should I look for?
Resizing Background Grid
Size of grid in the background
I have an almost perfect swf for my needs; www.avgifter.com/forum/graftest2.asp.
My problem as a complete newbie on Flash is that I have no clue of how to change size of the grid in the background. I want the bars to reach higher in the diagram without just manipulate the values. The latter is done in the example.
What should I look for?
Image Resizing In Background
Hey,
I was looking for a way to resize an image in the background. I've completed a design, and because of some feedback they asked me to change a part of the layout. Because of that the background image has te resize with the browser so that the graphic beneath the navigation stays in the same place.
I'm hoping you'll understand what I mean, but if you don't, let me know, and I'll upload the design.
An example I found of a scaling background can be viewed at http://www.i-merge.net/
Thanks for the help!
Resizing Image Background
Hi all,
I'm looking for some help figuring out how to emulate the effect on http://www.nooflat.nu/ of the background resizing to accommodate the movie that is then dynamically imported.
I know how to dynamically resize the background, but I can't figure out how to put off importing the swf or image until the background is the correct size using Actionscript.
I'm really just looking for some guidance on this. Any suggestions, or suitable tutorials that anyone knows of.
Thanks!
Drop Down Menu Change Background Picture
ok what im trying to do is have a drop down menu sort of thing that changes the background picture when u click on a thumbnail. that also rolls back up and keeps the background picture .please help thanks
Repetitive Pattern Vector Picture As Background
Hello all,
I would like to use an Illistrator file as a repetitive pattern for the background of my flash web site.
I couldn't find any pointer in the documentation.
How could I do this?
Thanks a lot,
David
Resizing Background Based On Screen Res
Hello all,
Just registered after spending alot of time searching and lurking.
I have a problem that I have spent days trying to resolved and have not had much luck.
I am trying to accomplish something similar to the 2advanced website, the background image is edge to edge(without scroll bars) but the content is middle aligned and always stays the same size.
Thanks in advance for any help you all can provide.
Dynamically Resizing Background Movie
Hi,
I run across this cool web site
http://www.hi-res.net/
I'd like to add that effect on my own page. Can anybody explain how you can insert a full-screen, scalable movie clip as the background, and put a static menu plus text on the foreground?
Resizing Tiled Background In Flash 8
Hello,
I've checked out this tutorial, and it's great:
http://www.kirupa.com/developer/flas...und_flash8.htm
But, is there a way, to make the background scale, when you resize the movie. I made this AS code:
Code:
import flash.display.BitmapData;
var tile:BitmapData = BitmapData.loadBitmap("pattern");
this.beginBitmapFill(tile);
this.lineTo(Stage.width, 0);
this.lineTo(Stage.width, Stage.height);
this.lineTo(0, Stage.height);
this.lineTo(0, 0);
this.endFill();
//-----------------------
sizeListener = new Object();
sizeListener.onResize = function() {
var tile:BitmapData = BitmapData.loadBitmap("pattern");
this.beginBitmapFill(tile);
this.lineTo(Stage.width, 0);
this.lineTo(Stage.width, Stage.height);
this.lineTo(0, Stage.height);
this.lineTo(0, 0);
this.endFill();
};
Stage.addListener(sizeListener);
But it doesn't work... I'm confused, what should I do?..
Moving Or Resizing The Background Of A Scene
Is there a way to shift or move the background of a scene without moving the contents of it? So for example, let’s say I have an animated ball bouncing in the center of the screen, and I realize that I want to add something else to the animation (another ball perhaps) but I don’t have enough room to do this. If I just grab the ball and move it the animation will get messed up because the key frames are already set in place. In order for it to work right I’d have to grab every key frame and move them one at a time, which is basically like doing the animation all over again (especially if you have a complex animation with multiple layers and key frames). Resizing the background doesn’t always help either because by default flash always adds the new portions to right (if you add width) and the bottom (if you add height).
If there’s not a way to move the background, is there a way to specify which direction flash will add the new pixels to when resizing the document?
Any help will be appreciated. I can’t tell you how many times I've run into this problem.
Background Picture Show The Upper Left Corner
Does anybody know how Tronic Studio did the fullscreen opening.
The picture in the background is 1280 x1024 and when i use resolution 800x600, the buttons, text and everything that is importent to see is visible.
When i try to do it the background picture shows in the upper left corner. And i see only a litle bit of the content that includes buttons and text.
http://www.tronicstudio.com/
[MX04] Please Help, About Adding Background Picture To Dynamic Thumbnail
I found this great tutorial at
http://www.kirupa.com/developer/mx2004/thumbnails.htm and I have attached the source files.
What I am trying to achieve for days is to add a background image to thumbnails. Actually if someone can help me to put the thumbnails inside an MC which is in the library, I can do the rest.
Best Regards
[MX] Resizing Onlny Background Of Your Flash Movie
Hi all,
I have been searching for quite a while on this issue and cannot find the answer. I am after resizing only parts of my flash movie to the web browser and am having difficulties getting the particular solution.
An tutorial site:http://www.tutorio.com/tutorial/liquid-flash-layout
explains that you need to use a couple of lines to turn off scaling , then add a listener to see if the browser is resizing the movie.
What i am struggling with is how to apply the resizing to only a layer - and maintain the rest, so that my JPEGS do not become crap!
Thanks in advance,
James
Resizing Background At Flash Full Page
Hey guys.
So here is my problem.
I have full page flash web site with background sized at 1000px*900px.
The thing I want is that when users browser is bigger than 1000*900, background image would start resizing.
I saw sites like this out there, but I can't find them at the moment.
Hope you understand what I mean. Thanks for all the help.
Regards,
CoreySteel
|