Distribution files

The ZIP file that you downloaded (hmenu-2.9.zip) contains the following file structure:

• hmenu-2.9 -- base directory
• icons -- directory containing sample menu icons
• src -- directory containing the main menu files
  • img -- directory containing images accessed by the stylesheet file.
    • blank.gif -- needed to workaround bugs in IE.
    • rarrow.gif -- the small arrow displayed in the menu items that contain submenus.
    • shadow.png -- used to display smooth shadows.
    • other folders may be here containing skin images.
  • hmenu.js -- the main program file, “compressed” (with indentation and spaces removed).
  • PieNG.js -- PieNG is a free script that convinces IE to display PNG-s with variable opacity. You have to load it at the end of the page if you want to be able to display PNG files correctly in IE. Included in the menu distribution for convenience.
  • *.css -- stylesheet (CSS) files

You should copy the content of the “src” subdirectory directly in your document root under the path “/hmenu/”. That is, the following URL should be valid and lead to the main program file:

http://www.your-domain.com/hmenu/hmenu.js

The red part from the URL will be the menu URL absolute to your pages and should be declared before loading the script file. The next section describes how you do this and load the files.