Hi!
I’m currently creating a website for a school project, and have some questions regarding this:
I have a website with 6 different links, and a background (7 mc’s).
*When the website loads I want the whole page to be in focus
*when I rollover one of the links I want the rest of the movieclips/links incl. background to go out of focus (blur out)
*when the mouse is over the background I want the whole page to be in focus again (no blurring)
When the site loads everything is in focus, this is correct.
problem is; I have to rollover all of the movieclips before the function ‘starts’…
example: the website loads, everything is in focus. I rollover one of the links, nothing happens. Then when I go back to the background, the link blurs, which would be fine if I pointed my mouse at another link, but when I point it at the background, I want everything to be in focus again.
For now I have an actionscript inside every movieclip (including the background mc) similar to this:
stop ();
//importere filter
import flash.filters.BlurFilter;
import mx.transitions.Tween;
import mx.transitions.easing.*;
var filter:BlurFilter = new BlurFilter(0, 0, 3);
var filterArray:Array = new Array();
filterArray.push(filter);
//funksjon
skjermbilder.filters = filterArray;
skjermbilder.blurred = 0;
this.onRollOver = function(){
var tw1:Tween = new Tween(skjermbilder, “blurred”, Strong.easeOut, skjermbilder.blurred, 0, 1, false);
tw1[“onMotionChanged”] = function() {
filter.blurX = skjermbilder.blurred*5;
filter.blurY = filter.blurX;
skjermbilder.filters = filterArray;
}
};
this.onRollOut = function(){
var tw1:Tween = new Tween(skjermbilder, “blurred”, Strong.easeOut, skjermbilder.blurred, 1, 1, false);
tw1[“onMotionChanged”] = function() {
filter.blurX = skjermbilder.blurred*5;
filter.blurY = filter.blurX;
skjermbilder.filters = filterArray;
}
};
PLEASE HELP!!
Lage.
