horizontale Navigation/Anpassung an Bildschirmauflösung

[Spher77]

Hallo zusammen!
Kann mir jemand sagen oder einen Hinweis geben wie auf folgender Website, die Navigation und die Anpassung der swf an die Bildschirmauflösung umgesetzt wurde.
Milieubewust besparen op uw printkosten.
Ist das überhaupt Flash das die horizontale Navigation nach links und rechts steuert um den ganzen Klassenraum sehen zu können, oder vielleicht javascript?
Ich benutze die Auflösung 1024x768.
Danke!

[beshart]

Hi Spher

in english I'm afraid - it's all flash AS2.
I'm the one who made the site you referred to (how did you find it?) and since I've learned all I know from forums like these...
here's the 2 snippets of code you are looking for:

// scale to browser:
ScalefactorY=Math.round((Stage.height/mc_MyMovie._height)*100);
//ScalefactorX=Math.round((Stage.width/mc_MyMovie._width)*100);

mc_MyMovie._xscale=ScalefactorY;
mc_MyMovie._yscale=ScalefactorY;
mc_MyMovie._y=0;
mc_MyMovie._x=-150;


// this makes sure the movieclip resizes if the user resizes the browser window after the initial load:

var stageL:Object = new Object();
stageL.onResize = function() {
ScalefactorY=Math.round((Stage.height/mc_MyMovie._height)*100);
// ScalefactorX=Math.round((Stage.width/mc_MyMovie._width)*100);

mc_MyMovie._xscale=ScalefactorY;
mc_MyMovie._yscale=ScalefactorY;
mc_MyMovie._y=0;
mc_MyMovie._x=0;
}

Stage.addListener(stageL);


+++++++++++++++++++

for the horizontal navigation:
I used 3 states left right and middle, but you can create as many as you want.

first create a movieclip mc_MyMovie with the picture in it, with the mc registration point in the upper left corner of the image.

then create two mc's mc_btn_pan_right and mc_btn_pan_left,
just draw a little square filled with white at 0%
again registration point in upper left corner.

then add this code in a new layer:

mc_btn_pan_right._width=100;
mc_btn_pan_right._height=Stage.height;
mc_btn_pan_right._x=Stage.width-100;
mc_btn_pan_right._y=0;

mc_btn_pan_left._width=100;
mc_btn_pan_left._height=Stage.height;
mc_btn_pan_left._x=0;
mc_btn_pan_left._y=0;

mc_btn_pan_right.onRollOver = function() {
constrainedMove_right(mc_MyMovie, 4, 1);
};

mc_btn_pan_left.onRollOver = function() {
constrainedMove_left(mc_MyMovie, 4, 1);
};


function constrainedMove_right(target:MovieClip, speed:Number, dir:Number) {
target.destX = Math.round(-(mc_MyMovie._width-Stage.width));
target.onEnterFrame = function() {
if (target._x == target.destX) {
delete target.onEnterFrame;
} else {
target._x += Math.ceil((target.destX-target._x)*(speed/100));
}
}
mc_btn_pan_right._visible=false;
mc_btn_pan_left._visible=true;
}

function constrainedMove_left(target:MovieClip, speed:Number, dir:Number) {
var mousePercent:Number = _xmouse/Stage.width;

target.destX = 0;
target.onEnterFrame = function() {
if (target._x == target.destX) {
delete target.onEnterFrame;
} else {
target._x += Math.ceil((target.destX-target._x)*(speed/100));
}
}
mc_btn_pan_right._visible=true;
mc_btn_pan_left._visible=false;
}

function constrainedMove_middle(target:MovieClip, speed:Number, dir:Number) {
target.destX = Math.round(-((mc_MyMovie._width-Stage.width)/2));
target.onEnterFrame = function() {
if (target._x == target.destX) {
delete target.onEnterFrame;
} else {
target._x += Math.ceil((target.destX-target._x)*(speed/100));
}
}
mc_btn_pan_right._visible=true;
mc_btn_pan_left._visible=true;
}


hopes this works for you.
There probably is an easier way or some classes that do all this for you,
but it works for me.

what are you working on?

FYI: building the paper class room: http://beshartblog.blogspot.com/2010...t-website.html