1) Login to your administrator panel.
2) Go to Extensions > Install/Uninstall.
3) Browse to your local stored mod_cassrina_hover_image_menu.zip.
4) Click Upload File & Install.
5) Go to Extensions > Module Manager.
6) Enable Cassrina Hover Image Menu.
7) Click on Cassrina Hover Image Menu to modify parameters to your usage.
8) Ensure the "Enabled" radio button is tick "Yes".
9) Select the position where you want the module to display. (read more for position in joomla, if you don't know how this works)
10) On Parameters > Module Parameters, select the "Menu Name" for the menu.
11) Select "Legacy-Horizontal" for horizontal display, or select "Legacy-Vertical" for vertical display.
12) Go to advanced parameters, default "Roll Over image ending" is _roll.
13) Upload your images to your images/stories folder with the normal state using abc.jpg and roll over state image using abc_roll.jpg, whereby abc is a variable.
14) Go to Menus > Menu Manager > select your Menu Item(s), one by one, select your "Menu Image" in the Parameters (Basic) of every item.
15) Finally, the system will automatically detect your rollover state with your name of _roll in the images/stories folder.