Fading Thumbnails

[beautyindarknes]

My website is almost complete, but I'm having a couple of problems with the thumbnails.. currently the symbols are working as button with the up state a 100% jpeg image thumb and the over and down as 30% opacity jpegs.

I'm finding it impossible to align them exactly on the stage and when you move the mouse over some of the thumnails wobble or move.

Is there a better way to get the effect I want?

http://www.lovethevoid.com

[mgminthu]

Check this thumbnail gallery if it meets your need.

[westink]

I was only working in the portfolio section, but have to say- I don't see it! What's the problem, Sister?

[westink]

No, don't look at that! Use script. Anyway, explain a bit further, and I can help ya (with script).

[mgminthu]

I showed you a sample as I thought beautyindarknes is talking about "links" page of lovethevoid.com regarding thumbnails.

[beautyindarknes]

Check this thumbnail gallery if it meets your need.

Yes thumbnails like that.. how did you do them? I dnt need the loading bit, but what did you do to get it to fade when you move the mouse over?

[beautyindarknes]

I was only working in the portfolio section, but have to say- I don't see it! What's the problem, Sister?

Yeah in the portfolio section when you move over some thumbnails they wobble.. I've tried lining up the two images using exact x, y but they still do it .

[mgminthu]

Hi beautyindarknes,

Here is the fade in/out for every thumbnail.
When you check the FLA, on frame 5, line 32 to 41, you will see the following:

this._parent.tn_pic._alpha = 70 when you roll over.
this._parent.tn_pic._alpha = tn_alpha_default; when you roll out.
[var tn_alpha_default:Number = 100; at line 4.]

tn_group["tn"+i].tn_button.onRollOver = function()
{
this._parent.tn_pic._alpha = 70;
_root.info = photo_url[this._parent.tn_no];
}
tn_group["tn"+i].tn_button.onRollOut = function()
{
this._parent.tn_pic._alpha = tn_alpha_default;
_root.info = "";
}

[beautyindarknes]

Hi beautyindarknes,

Here is the fade in/out for every thumbnail.
When you check the FLA, on frame 5, line 32 to 41, you will see the following:

this._parent.tn_pic._alpha = 70 when you roll over.
this._parent.tn_pic._alpha = tn_alpha_default; when you roll out.
[var tn_alpha_default:Number = 100; at line 4.]

tn_group["tn"+i].tn_button.onRollOver = function()
{
this._parent.tn_pic._alpha = 70;
_root.info = photo_url[this._parent.tn_no];
}
tn_group["tn"+i].tn_button.onRollOut = function()
{
this._parent.tn_pic._alpha = tn_alpha_default;
_root.info = "";
}

Where do I type this code??

At the moment my thumbnails are set as symbols (buttons) and have their own little time line with 4 keyframes..

[mgminthu]

Those codes are from this thumbnail gallery FLA file.

You may post your FLA here. So anyone can check and give some suggestions for you.

[westink]

First, get rid of the button states. You want to set each thumb as a Movie Clip. You can create an ease speed too. This will fade in and fade out:

for each MC attach the following (actions - movie clip)

onClipEvent(load){
ease = 4;
alphy = 50;
}

onClipEvent(enterFrame){
_alpha += (alphy - _alpha)/ease;
} 

You can then set the rollOut to 50 or the rollOver to 100. The onEnterFrame function pulls the equation to match your setting.

[beautyindarknes]

First, get rid of the button states. You want to set each thumb as a Movie Clip. You can create an ease speed too. This will fade in and fade out:

for each MC attach the following (actions - movie clip)

onClipEvent(load){
ease = 4;
alphy = 50;
}

onClipEvent(enterFrame){
_alpha += (alphy - _alpha)/ease;
} 

You can then set the rollOut to 50 or the rollOver to 100. The onEnterFrame function pulls the equation to match your setting.

I'll give it a go

[beautyindarknes]

First, get rid of the button states. You want to set each thumb as a Movie Clip. You can create an ease speed too. This will fade in and fade out:

for each MC attach the following (actions - movie clip)

onClipEvent(load){
ease = 4;
alphy = 50;
}

onClipEvent(enterFrame){
_alpha += (alphy - _alpha)/ease;
} 

You can then set the rollOut to 50 or the rollOver to 100. The onEnterFrame function pulls the equation to match your setting.

I've tried it with no luck, it no longer acts like a button. just makes the image go from faded to not faded and how do I make it have over, down and hit? And where do I put the actions to what frame it needs to go to?