Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:38

Menu 16


Poster: jollyjim
Dated: Monday July 18 2005 - 19:11:17 BST

Hi!
I have tried the menu #16 (menu_sample16_ver5_728). I have a problem with the opacity-function.

I would have liked the outfilter to have the same effects as the overfilter to make an effect like this:
mouse_OVER = image+(text+background) has 100% opacity
mouse_OFF/OUT = image has 70 % opacity
(or what suits the needs...)
The code in file "menu_data.js" like this

outfilter="randomdissolve(duration=0)";

I tried to add Alpha(opacity=100); instead, but it doesnt work.
It would have been nice to have it like...
outfilter="randomdissolve(duration=0)";"Fade(duration=0);Alpha(opacity=100);Shadow(color=#777777', Direction=120, Strength=4)";

Anyone have a suggestion?
Is it possible to make (or am I doing it wrong)?


Poster: Ruth
Dated: Monday July 18 2005 - 19:49:36 BST

Hi,

You can use the IE Filters Demo to set what you want for out and overfilter. It's interactive and pretty self explanatory to use. You're looking for the Overfilter Transitions and Outfilter Transitions. Once set use the little left side menu to turn the main off and on to see how they work. The code will get 'posted' into a form.

As to your ? if you want the overfilter to be the same as the outfilter, then you need to take whatever the overfilter code is and paste it into the outfilter section.

RandomDissolve is one of the transitions, there are a number of them, barn, fade, etc. I think there are like 24 different kinds of transitions available.

Ruth


Poster: John
Dated: Monday July 18 2005 - 20:45:05 BST

Just to be sure, you are aware the filters work only in IE, correct? Quite a few folks miss that point.


Poster: jollyjim
Dated: Tuesday July 19 2005 - 16:41:22 BST

Thanks alot for the fast response.
Unfortunately I cant get it to the point I would have liked it.

A good example to show you what I am looking for is here http://www.porsche.se
(although this menu has another problem which is that the picture does not "stay on" when you scroll down).

Its the "opacity" effect when "mouse out" (70%) and "mouse over" (100%) that I am after.
Today the "menu_data.js" file doesn't respond to add the same effects in outfilter as in overfilter, but maybe in the future?

Everything else is awesome, so dont get me wrong ;).


Poster: Ruth
Dated: Tuesday July 19 2005 - 17:39:18 BST

Hi Jim,

I don't really understand what you are trying to do. That porsche site uses images to get that kind of faded look and then a different mouseover image for the dark look. So, if that's what you want you'd have to make the faded image as the image= and the darker one as the overimage=

There's nothing I can find on the site that says anything about the MS Transistions or filters being used. As a matter of fact if you go to the site in Netscape, you see the same thing as in IE. That means it's not filters that are giving the look. Overfilter and Outfilter codes won't work in other browsers, they use active X, I believe it is, to get them to function which is proprietary to IE

If you could point me to a url with a test page and your menu with images, I can experiment for you....it's what I enjoy doing... and see if I can figure something similar.

Ruth

menu 16 ("outfilter")


Poster: jollyjim
Dated: Tuesday July 19 2005 - 19:35:22 BST

Ruth,
I tried once again and did exactly what you said...and it works exactly as I want it to! Big thanks! Awesome.

Code:
with(milonic=new menuname("Menu")){
style=menuStyle;
aI("overimage=car_on.gif;image=car_off.gif;text=Text;url=#;");
}

:D

Menu 16


Poster: jollyjim
Dated: Wednesday July 20 2005 - 11:16:01 BST

I realised now that I still have one other problem left...
My plan is to make a web site with two menus like this:

Top menu with a menu rolling down
Main page with content
Bottom menu with a menu rolling up

How do I make a menu rolling up instead of down?

Re: Menu 16


Poster: jollyjim
Dated: Wednesday July 20 2005 - 11:44:33 BST

jollyjim wrote:
I realised now that I still have one other problem left...
My plan is to make a web site with two menus like this:

Top menu with a menu rolling down
Main page with content
Bottom menu with a menu rolling up

How do I make a menu rolling up instead of down?



Solution is to set the specific menu to openstyle="up";
Like this:
Code:
style=menuStyle;openstyle="up";

Thanks Ruth :)