Recent Questions
Q: Last, I couldn't solve the issue I meet when I set up a long name for an dhtml side menu item: next item overlaps. Is it possible to specify the width of an item?
A: You can try to use the following dhtml side menu parameters to use combinedbackground for your items:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif
Q: Does your product support image swapping? For instance, if I was building a menu such as the one on your site, how would I swap the "Home", "Product Info", etc images/gif's?
I'm using a JavaScript such as the one below:
<a href="index.html"><img src="images/btn_home_up.gif" name="Image1" width="91" height="33" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/btn_home_roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>
A: You can use images for items using standard <img> tag.
But in this case you should change pictures yourselves usingJavascript to make rollover items.
For example:
var menuItems = [
["<img src='image1.gif' width=100 height=20 onmouseover='this.src=\"image2.gif\" onmouseout='this.src=\"image1.gif\"'>Text", link,]
];
or
var menuItems = [
["<img src='image.gif' onmouseover='changeImage(this, 1)' onmouseout='changeImage(this, 0)'>"]
];
Q: I would like to know how to define separator on itemstyle or how to show separator on menu items.
Thanking you in advance.
A: You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
Q: I’m interested in adding cascading navigation bar to a website that was written in Microsoft Frontpage.
A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage/Yahoo SiteBuilder extension,
BUT you can use it as standard Javascript files. To install the menuinto your html page:
1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags).
For info see: http://deluxe-menu.com/installation-info.html