Extension:MegaMenu

The MegaMenu extension adds a jQuery MegaMenu to the top of MediaWiki. It includes several configurable parameters that make use of the jQuery library of effects such as hover, fade, slide and click.

= Features =

Comes with numerous features including the ability to include video, images or in its unmodified form upto 66 menu items per parent item (if you need more reduce the font size.

jQuery offers a range of effects (see above), with more to follow in future releases.

= Font Awesome =

From version 1.0.1 MegaMenu includes full support for Font Awesome, see demo for details, no additional install is required. Font Awesome icons can be included anywhere in Mediawiki.

= Compatibility =

Designed and tested using the Vector Skin only.

The initial test version worked on 1.22.2 and more recently (8th April 2014) on 1.22.5 with no problems.

The extension works with all major browsers apart from I.E 6 due to its lack of Javascript and CSS support.

= Installation =

= Configuration =

Change the links to suit your own needs by modifying extensions/MegaMenu/includes/MegaMenu.php

Change the layout, font and additional css by modifying extensions/MegaMenu/modules/ext.megamenu.css (Remember to Refresh!)

Change the jQuery effects by modifying Common.js. The following are available;

Menu Effects: 'hover_fade', 'hover_slide', 'click_fade', 'click_slide', 'open_close_fade', 'open_close_slide' Menu Easing: 'easeInQuad', 'easeInElastic', 'jswing',

More jQuery effects will be available in the stable version.

= Version History =


 * 0.0.1 Beta - (6/4/2014) A complete core hack!


 * 0.0.2 Beta - (8/4/2014) Creation of a basic extension that uses resourceloader to add the extension modules.


 * 0.0.3 Beta - (9/4/2014) Developement complete, needs testing and feedback before making stable.


 * 1.0.0 Stable (22/05/2014)


 * 1.0.1 Stable (27/05/2014) Font Awesome support included.

= See Also =


 * Extension:CSS MenuSidebar
 * Extension:TreeAndMenu
 * Extension:CSS_Dropdowns