|
|
 |
 Integrating the FX menu into a HTML page v3.0.x (#149)
Although all data required for menu to function properly may reside in single HTML document it is not efficient in most cases. Dividing data into several files makes menu maintenance easier. This technique also reduces network load allowing clients to use cached files on sites with multiple pages.
Default configuration contains:
var globpath - Only edit this feature if you have experience with the FX menus. If you have many folders in your webproject and your links and arrow images aren't global defined, you can here adjust the path for your links and images in the subfolders. At fxsinus.com I use this technique and therefore have to define only one fx_array for the main navigation in the whole project. For the homepage globpath is: var globpath=''. For the folder html it is set to: var globpath='../'
var jspath - Important: Path relative to the folder, which contains your js-files.
beforeBuildingMenu() - Function is executed just before the FX webmenus start building.
afterBuildingMenu() - Function is executed as soon as FX webmenus are ready to use.
fx_array.js - Menu items definitions, style and geometry settings. (see Building menu hierarchy section)
fx_swap.js - Preloading and swap-images functions. No changes required here.
fx_menu.js - Menu script itself. No changes required here.
Don't forget that JavaScript is case-sensitive. All 3 js-files should be attached to a HTML document with appropriate tags right below the body-tag:
<body text="#000000" bgcolor="#FFFFFF">
<script language="javascript1.2">
var globpath='';
var jspath='menu/js/';
function beforeBuildingMenu()
{
return;
}
function afterBuildingMenu()
{
}
</script>
<script language="javascript1.2" src="menu/js/fx_array.js"></script>
<script language="javascript1.2" src="menu/js/fx_swap.js"></script>
<script language="javascript1.2" src="menu/js/fx_menu.js"></script>
<!-- some body data -->
</body>
|
| | Further you need: fx_ua1.js, fx_ua2.js and fx_ua3.js. All files are available in a zip-file for download. |
|
|
