Well, you have to pick one.. full screen or within the HTML.. you can't have both...
if you look in the HTML (use notepad etc) you can change the pixles to percentages. This will make it expand or contract based on the users screen size. Although this method can distort things on lower resolutions.
Use scale mode:
Code:
Stage.scaleMode = "noScale";
and add listeners to your objects you want scaled. There is a nice tutorial HERE
use the Flash pop up to minimize maximize the map and use specific placement useing X/Y to place the nav map.
example (navigation map named "mc_sample"):
Code:
Stage.scaleMode="noScale";
screen = new Object();
screen.w = 900;
screen.h = 600;
list_resize = new Object();
list_resize.onResize = function () {
//center movieClip
var pos = get_pos(Stage.width/2-mc_sample_a._width/2,Stage.height/2-mc_sample_a._height/2);
mc_sample_a._x = pos.x;
mc_sample_a._y = pos.y;
//place this movieCLip in the upper left corner
var pos = get_pos(0,0);
mc_sample_b._x = pos.x;
mc_sample_b._y = pos.y;
//center movieClip at the bottom
var pos = get_pos(Stage.width/2-mc_sample_c._width/2,Stage.height-mc_sample_c._height);
mc_sample_c._x = pos.x;
mc_sample_c._y = pos.y;
//center movieClip at the bottom
var pos = get_pos(Stage.width-mc_sample_d._width,Stage.height-mc_sample_d._height);
mc_sample_d._x = pos.x;
mc_sample_d._y = pos.y;
}
Stage.addListener(list_resize);
//sub function to get the resized coordinates
get_pos = function(x,y){
return( {x:int((screen.w-Stage.width)/2+x) ,y:int((screen.h-Stage.height)/2+y )});
}
There are 4 different spots you can put the map (you can put it anywhere, I have shown 4) THis works best with the 100% in the HTML codes as stated above.
Bookmarks