How to get html menu to swap images to act like a traditional image rollover.
Return to Recent Questions
Q:
I can't find out how to get html menu items to swap images to act
like a traditional image rollover. I have situations where I need to use
unique images for each state of a button: normal, mouse over, mouse
down.
A:
The html menu has only two states normal and mouseover.
You should use Individual Item Styles.
See the example of DHTML Menu here:
http://dhtml-menu.com/menu/data-templates/vista-style-02-template-sample.html
You should use "itemBackImage" parameter.
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_greenblack.gif,btn_green.gif"],
];
You can also specify images in the html menu items. If item text is empty, icon fields will be used as item images.
For example:
["", "index.html", "itemImageNormal.gif", "itemImageOver.gif", "Home Page"]
Return to Recent Questions
|