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:19
menu rollover
Poster: Roadserver
Dated: Friday July 16 2004 - 13:23:42 BST
Hello!
I have a problem
or
is the following point possible.
I like the menu at the following link:
http://www.milonic.com/menusample17.php
If you go to Milonic and then to faq (example) then i want that the picture of the animal with glasses change in a other picture (indirect rollover) is that possible?
I'm a beginner with scripts!
Who can help me!
Or send me the changed scripts
Greetz
Roadserver (Dutch)
Poster: Ruth
Dated: Friday July 16 2004 - 16:50:23 BST
To make sure we understand what you want: You mouseover the Milonic, the animal changes to one with glasses. You move the mouse down to FAQS and when you highlight FAQS you now want the animal picture with glasses next to the Milonic to change to a totally new image? If this is true, I think it might require a javascript, if it is possible to do at all.
Ruth
Poster: Roadserver
Dated: Friday July 16 2004 - 20:20:52 BST
Ruth wrote:
To make sure we understand what you want: You mouseover the Milonic, the animal changes to one with glasses. You move the mouse down to FAQS and when you highlight FAQS you now want the animal picture with glasses next to the Milonic to change to a totally new image? If this is true, I think it might require a javascript, if it is possible to do at all.
Ruth
Ruth
Yes thats what i want! But i'm a beginner.
My question is who can help me with this script of make it for me.
FAQ is a example, other subjects in de menu must have the same roll over with other pictures.
Thanks Ruth............maby you can help me..........
Poster: kevin3442
Dated: Friday July 16 2004 - 22:30:28 BST
Hi Roadserver,
I think I can help you. Ruth is correct... you'll need to throw in a little extra javascript. Copy the follwing function into the top of your menu_data.js file:
Code:
function setParentOverImage(imageName)
{
parentItem = getParentItemByItem(_itemRef);
_mi[parentItem][32] = imageName;
BDMenu(_mi[parentItem][0]);
}
{
parentItem = getParentItemByItem(_itemRef);
_mi[parentItem][32] = imageName;
BDMenu(_mi[parentItem][0]);
}
This function would be called from the onfunction and offfunction properties of the menu item that you want to trigger the rollover. When you call the function, pass the name (and path if needed) of the image you want to use.
Using the example from your first post, the FAQ menu item would become like this:
Code:
aI("text=FAQ;url=http://www.milonic.com/menufaq.php;onfunction=setParentOverImage('zippo_over.gif');offfunction=setParentOverImage('penfold_over.gif');");
(all on one line, with no wrapping or line breaks).
In this example, when you mouse over the "FAQ" menu item, its onfunction property calls the setParentOverImage() function, setting the parent item's overimage to 'zippo_over.gif' (the open lighter image that comes with the example). When you mouse off of the FAQ item, its offfunction property calls setParentOverImage() again, setting the parent item's overimage back to its original 'penfold_over.gif'.
Hope that helps,
Kevin
Poster: ttmobil
Dated: Saturday July 17 2004 - 1:39:13 BST
Hi!
I have the same menu with my own pics!
But I have a time problem! The mouseover effect is to slow.
The pics are 1,5 kb big.
What is the problem????
Thanks Tim
Poster: Ruth
Dated: Saturday July 17 2004 - 3:23:17 BST
Hi ttmobil,
Can you give us a url? We need to see what's happening. Also, what OS and browser are you using so we know which is slow?
Ruth
Poster: John
Dated: Saturday July 17 2004 - 5:43:02 BST
1.5K is, of course, a very small file. However, if you have a lot of images (i.e., a large menu) it could slow things down.
You might want to try preloading your images, as explained here by Kevin.
Poster: ttmobil
Dated: Saturday July 17 2004 - 9:49:21 BST
Hi!
I am using ie!
Here is the link:
http://www.ttr-friends.de/ttr-friends-dateien/index_33-dateien/head.htm
I hope, you can help me! I can gif you any information you need!
I hope my english is good enough!
by Tim
Poster: Ruth
Dated: Saturday July 17 2004 - 14:25:10 BST
Hi ttmobil,
I tested your page and it isn't slow once the images load and are in the cache. You have a lot of images and the slow first mouseover is because the image has not loaded yet. You need to go to the link John gave and use the preloadmenuimages.js file. Follow the directions that Kevin has posted at that link.
Ruth
Poster: ttmobil
Dated: Saturday July 17 2004 - 16:05:37 BST
Hi Ruth!
I make the changes! But the menu is not faster!
I put the script: <script language=Javascript src="preloadmenuimages.js" type=text/javascript></script> into the head.htm after the menu call and the preloadmenuimages.js to the menu stuff!
Test it again!
What means: (i.e., after all the aI() stuff)???
Tim
Poster: Ruth
Dated: Saturday July 17 2004 - 17:20:11 BST
Hi ttmobile,
i.e. is an acronym for the latin words meaning 'that is'. So, in the context of Kevin's post it would be
Quote:
(2) Load preloadmenuimages.js into your page at some location after your menus have been defined (i.e., after all the aI() stuff),
Quote:
that is, after all the aI( information you have in your menu_data file has been 'read, rendered, written' by the browser,
so that the preload function knows what images it needs to get. I don't know why it isn't faster. Which version of IE do you have and how do you connect to the internet? Also, and I don't know if this matters, but in the preloadmenuimages.js file it shows the call for the file as
Code:
<script language="JavaScript1.2" type="text/javascript" src="preloadmenuimages.js"></script>
You would use your path of course, but I saw that script language=JavaScript1.2 and don't know if that needs to be in there? I'm sorry I can't be more help.
Ruth
Ruth
Poster: Roadserver
Dated: Saturday July 17 2004 - 18:27:11 BST
Did you have an example of preloading?
Link?
Poster: ttmobil
Dated: Saturday July 17 2004 - 18:38:25 BST
Hi Ruth!
I use IE6.0 and I connect the internet by DSL1500. I think that is fast enough.
Mhhh, where is the mistake????
The original menu is fast!
I dont know!
Bye Tim
Poster: Ruth
Dated: Saturday July 17 2004 - 19:43:56 BST
Roadserver,
John posted a link to Kevin's Preloadmenuimages post. Also, Milonic uses the preloadmenuimages on the site.
Tim,
The original has only 6 images, you have 28. That may contribute to it. If I think of something I will let you know.
Ruth
Poster: ttmobil
Dated: Tuesday July 20 2004 - 2:06:35 BST
Hi Ruth!
one question:
the preloader is only for a menu 5.16 or higher!
I use a 5.00 Menu!
I think this is the reason why the preloader does not work!
Can I get a free menu 5.16 on milonic??????
Thanks for your answere!
Tim
Poster: Ruth
Dated: Tuesday July 20 2004 - 4:44:53 BST
You have version 5.26. I still think the problem is the number of images, there are 28 of them totaling about 58k or so. I do remember that some of my own home made images on my site, even though they were small seemed to load slowly [not menu images, site images] I never could figure out why they did that.
Ruth
Poster: Maz
Dated: Tuesday July 20 2004 - 7:48:11 BST
Yes it sounds like you need to upgrade, the free menu comes with a milonic link, if you don't want the link in the menu then add the link in the page and the menu link will go away.
maz
Poster: John
Dated: Tuesday July 20 2004 - 15:37:56 BST
"Officially", for support, you need to be at the current version - 5.33 as this is written.
__at__ kevin3442
Poster: ttmobil
Dated: Tuesday July 20 2004 - 17:34:37 BST
__at__ kevin3442
Can you have a look at the two menu-links.
Both with the preloader, but can you check the quellcode, that everthing is ok??? I cant believe, that the menu is so slow!!!!!?????
The problem is, I am an beginner!
http://www.ttr-friends.de/ttr-friends-d ... u/head.htm
http://www.ttr-friends.de/ttr-friends-d ... n/head.htm
Thanks!
Poster: John
Dated: Tuesday July 20 2004 - 20:03:25 BST
Tim, you still need to get up to the current version before we can continue, as noted in red on http://www.milonic.com/menuvinfo.php.
Thanks.
Poster: ttmobil
Dated: Wednesday July 21 2004 - 5:54:29 BST
Hi John!
Here ist the link with the new version 5.33 without preloader!
http://www.ttr-friends.de/ttr-friends-d ... u/menu.htm
So, what next???
Tim
Poster: John
Dated: Wednesday July 21 2004 - 15:00:35 BST
OK, thanks.
I'm on a pretty fast connection here, so this may not be fair, but your menu came up immediately for me, as did the subs. If anything, maybe just a split-second delay the first time around, but I really wouldn't consider it negative for the majority of users.
What is your site about? I see you're still running a free unregistered license.