[FONT=“Verdana”][SIZE=“2”]I was wondering if I could get help with some transitions. I’m building myself a website and I have a logo that’s displayed in the center of the stage.
I have 6 different colored logos. I would like the grey logo(main logo) to blur and jitter a little while blurred when it’s moused-over.
I would also like to create a transition so that when people view a different section (lets say the teal colored section) of my site, the grey logo will blur and jitter while blurred, but also fade/transition into the teal logo. purple for the purple section, etc…
By themselves these codes I found work well. I would like to merge them so that I get the effect I described above.
I am using this code:
MovieClip.prototype.shake = function(r) {
var x = this._x;
var y = this._y;
this.onRollOver = function() {
this.onEnterFrame = function() {
this._x = x-(r/2)+Math.random()*r;
this._y = y-(r/2)+Math.random()*r;
};
};
this.onRollOut = function() {
delete this.onEnterFrame;
this._x = x;
this._y = y;
};
};
blurcross01.shake(20);
And this code:
onClipEvent(load)
{
dir = 1;
speed = 15;
cross01._alpha = 100
this.onRollOver = function()
{
dir = -1;
}
this.onRollOut = function()
{
dir = 1;
}
useHandCursor = false;
}
onClipEvent(enterFrame)
{
temp = cross01._alpha + speed*dir;
cross01._alpha = Math.min(100,Math.max(temp,0));
}
I know how to do fading tweens, however I don’t know actionscript very well at all.
I would be so grateful to anyone who could help me with this. Or part of it even if it all can’t be done together. I’d like some version of this effect if possible.
Thanks so much!!
*
ghostdeer*[/SIZE][/FONT]
